0

免责声明：我意识到这有点远——我无法提供工作的 jsfiddle，也无法提供代码子集。

我正在对这个网站进行最后的润色：http: //dev.rebelsauce.co < Edit: link corrected

重现步骤：

  1. 在 iPad 上打开网址
  2. 点击右下角的齿轮图标
  3. 带有“注销”的引导弹出窗口将出现在内容后面。在 /store 页面中，您实际上可以滚动到产品的末尾，您会看到它出现在#page-productsdiv 后面。

桌面浏览器截图：

桌面浏览器截图

在桌面浏览器（Chrome Win、Chrome OSX、Safari OSX）上，“注销”弹出框的 z-index 可以按预期工作 - 它设置为position: relative; z-index: 300;，并且 div#page-products和.page-contentdiv 都设置为postition: relative; z-index: 202 (and 203)。

然而，在 iPad 上，z-index 没有得到尊重。不幸的是，我不知道移动 Safari 上的任何浏览器开发工具，我无法使用 CSS 来确定导致它的原因。我尝试将各种父元素设置为position: relative;但无济于事。

我花了很多时间搜索诸如“boostrap popover z-index ipad”之类的关键字，但仍然没有运气。

4

1 回答 1

0

将footerz-index 设置为 300 为我修复了它，尽管我不知道这样做是否出于其他原因是不可取的。

如果您使用的是 Mac，您实际上可以将开发人员工具与 iOS Safari 一起使用。下载 xCode，运行 iOS 模拟器，然后导航到您的页面。然后，在 OSX Safari 中，在“开发”菜单下选择“iPad 模拟器”部分中的页面。

于 2013-07-30T17:58:50.007 回答