0

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

http://wp.oursaviorschurch.com

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

4

1 回答 1

0

我以前遇到过非常相似的东西，这都是因为可见幻灯片（在 woo-slider 中）的位置属性是使用相对设置的，将其更改为绝对，滑块仍然可以工作，但是 DOM 中更高的任何元素如果 z-index 和你的一样正确，那么使用绝对定位的现在可以出现在前面。

  1. 修改第flexslider.css48 行的文件，将'.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 检查器修改您的标记进行了测试，但它应该在当前使用的所有其他主要桌面和移动浏览器中工作相同。如果没有，请告诉我。

于 2012-09-12T20:51:20.110 回答