固定背景在 Chrome 中不起作用答案

【问题标题】：Fixed background not working in Chrome固定背景在 Chrome 中不起作用
【发布时间】：2014-04-04 17:39:10
【问题描述】：

我的英雄部分有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/

【问题讨论】：

为我工作：imgur.com/X9lkJwC。也许尝试清除缓存。如果您不知道如何清除缓存（ctrl+shift+n），您可以随时尝试隐身窗口。
你能发布你的html吗？
我也不在 Chrome 中工作，您是否使用了任何可以将其提升到新层的东西，例如变换 Z 或背面可见性？

标签： css google-chrome background background-attachment

【解决方案1】：

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

【讨论】：