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

Question

我有background-attachment: fixed;我的英雄部分，它适用于 Firefox 和 safari，但不适用于 chrome。我可以通过更改来让它工作，position:relative;但是z-index: -1;随后英雄中的按钮变得无法使用，这也会在 Firefox 和 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

好的，我现在看到了。On.hero的父元素.off-canvas-wrap并且.inner-wrap您正在使用-webkit-backface-visibility: hidden. 如果您将其关闭，则背景附件可以正常工作。