css - iOs/黑莓 CSS z-index

Question

我在使用 iOs/Blackberry - 设备时遇到了一个奇怪的问题。所以我有一个带有幻灯片和下拉导航的页面。在 Safari、Firefox 等中一切正常，除了那些 iO 和黑莓设备。幻灯片似乎覆盖了导航下拉菜单，因此使其无用。我已经检查了两者的 z-index，导航下拉菜单的 z-index 高于幻灯片的 z-index。我尝试了几件事，最后删除了幻灯片的“position:relative”。然后它似乎工作，但它没有，因为现在幻灯片的元素仍然覆盖导航。它现在可见，但您不能使用它。

这是页面的链接:Here

抱歉我的英语不好!

Answer 1

我无法调试，因为我没有黑莓手机，但您是否尝试过向#slideshow 的兄弟添加 z-index，它也是导航的父级？

#globalHeader {
  z-index: 999;
}