修复了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

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