我正在开发一个网站,我在其中使用了 background-attachment:fixed
属性(property)。它在 Firefox 中运行良好,但图像不固定。在 Chrome 中它表现正常。这是代码:
CSS:
.AboutBg
{
background-attachment: fixed;
background-image: url("../Images/LandingPage/smart.jpg");
background-position: 0 0;
background-repeat: repeat;
background-size: cover;
height: 90%;
position: absolute;
width: 100%;
}
HTML:
<div class="AboutBg"></div>
最佳答案
我只是有一个类似的问题,我的封面 + 修复不起作用,图像在 chrome 上消失并且能够像这样解决它:
爬到更高的节点定义并禁用一些可能有冲突的 CSS 属性,例如在我的例子中,有一个:
backface-visibility: hidden
在 <body>
导致它的水平。这是由 animate.css 框架引入的。
抱歉,这不是一个具体的答案,但至少这提供了一些关于如何调试 css 代码的想法。
关于html - 背景附件 :fixed not working in chrome,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19028851/