Android（4.1）瀏覽器中的flexslider覆蓋的下拉菜單

我有一個響應式的WordPress設置爲我的網站和Android上的某些原因，當我深入瞭解flexslider覆蓋的菜單。這不是在iOS Safari或Chrome瀏覽器中執行此操作。在css媒體查詢引入更小的分辨率之前，它也不會在桌面上發生。任何線索可能會導致它？我的Z索引設置正確。讓我知道，如果你需要我的任何代碼，這裏的網站：Android（4.1）瀏覽器中的flexslider覆蓋的下拉菜單

http://wp.oursaviorschurch.com

編輯：我做了一個發現，這只是對4.1果凍豆。我測試了一臺運行ICS的設備，它工作正常。還在我的Jelly Bean設備上的第三方瀏覽器上嘗試過它，它工作正常......這很奇怪。

來源

2012-09-12 tstrebeck

我遇到之前非常類似的東西，這都是因爲可見滑塊的位置屬性（在宇滑塊）採用相對設置，這種變化絕對和滑塊仍然可以工作，但任何元素更高使用絕對定位的DOM現在可以出現在前面，只要z-index正確就可以了。

修改flexslider.css文件的行數48，設置'.slides'容器的子幻燈片的高度在350px匹配。

修改jquery-flexslider-min.js文件替換：

slider.slides.css({ 
    "width": "100%", 
    "float": "left", 
    "marginRight": "-100%", 
    "position": "relative" 
});

有：

slider.slides.css({ 
    "width": "100%", 
    "float": "left", 
    "marginRight": "-100%", 
    "position": "absolute" 
});

由於我沒有在Android設備提交我的回答之前，我不能對此進行測試。這只是通過Chrome檢查員修改標記來測試的，但它應該在當前使用的所有其他主要桌面和移動瀏覽器中都一樣。讓我知道如果沒有。

來源

2012-09-12 20:51:20 Ben

Android（4.1）瀏覽器中的flexslider覆蓋的下拉菜單

回答

相關問題