Android（4.1）浏览器中由flexslider覆盖的下拉菜单

Question

我为自己的网站设置了一个响应式WordPress设置，出于某种原因在Android上浏览菜单时，它被flexslider覆盖。它不是在iOS Safari或Chrome浏览器中执行此操作。在css媒体查询启动较小的分辨率之前，它也不会发生在桌面上。有什么可能导致它的线索？我的Z-index设置正确。如果您需要我的任何代码，请告诉我，这是网站：

http://wp.oursaviorschurch.com

编辑：我发现这只是4.1果冻豆。我测试了运行ICS的设备，它工作正常。还在我的Jelly Bean设备上的第三方浏览器上尝试过，它运行正常......这很奇怪。

Answer 1

之前我遇到过非常类似的东西，这都是因为可见幻灯片的位置属性（在woo-slider中）是使用relative设置的，将其更改为绝对值，滑块仍然有效但任何元素都更高在使用绝对定位的DOM中，现在可以出现在前面，只要你的z-index是正确的。

1. 修改第48行的flexslider.css文件，将'.slides'容器设置为与350px处的子幻灯片的高度相匹配。

2. 修改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检查器修改标记进行测试，但在目前使用的所有其他主要桌面和移动浏览器中都应该相同。如果没有，请告诉我。