Safari "position: fixed" 重叠在滚动条上

Question

在 Safari 上 (Mac)** 当我在 Bhooks.com 上滚动时，卡片与网页的页脚和页眉重叠（位置：固定）。到目前为止，我无法弄清楚原因，希望能在这里找到一些帮助。

我也Bootstrap升级到最新版本，以确保。

问题截图如下：

我知道这是一个非常具体的错误，我没有一个最小的例子（因为在我的 Mac VM 上开发是一场噩梦）。但至少这个问题很容易访问和调试。

感谢您的帮助！

** 在我的例子中是 macOS mojave 10.14.3 和 Safari 12.0.3

Answer 1

这绝对是 Safari 中的 z-index 顺序问题。试试这个 CSS:

.bhooksBookCard {
  -webkit-transform: translate3d(0,0,0);
}

中找到此解决方案

如果它解决了您的问题，请尝试告诉我。在 inspector 中测试过，似乎有效。

Answer 2

看看这个，

删除 overflow: auto 和 –webkit-overflow-scrolling: touch 从平行于重叠标签的容器中将帮助您

但是，一些滚动问题可能仍然存在

Safari "position: fixed" is overlapped on scroll