Safari“位置：固定”在滚动上重叠

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);
}

在此线程中找到此解决方案

请尝试让我知道它是否解决了您的问题。在检查员中进行了测试，似乎有效。