css - 固定背景在 Chrome 中不起作用

Question

我有 background-attachment: fixed; 在我的英雄部分，它在 firefox 和 safari 中有效，但在 chrome 中无效。我可以通过更改为 position:relative; 和 z-index: -1; 来让它工作，但是英雄中的按钮变得不可用，这也会在火狐和 Safari 。

#hero {
padding-top: 60px;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}

我尝试根据我发现的其他帖子将父位置更改为静态，但这也没有用。

http://bayarddev.com/fca/about-us/

Answer 1

好的，我现在看到了。在 .hero 的父元素 .off-canvas-wrap 和 .inner-wrap 上，您使用的是 -webkit-backface-可见性:隐藏。如果您关闭此功能，背景附件将正常工作。