我的网站上的镀铬设计再次出现问题。滚动时不会损失 fps 且页面上不会出现延迟。我已经绕了很多圈才发现问题的真正罪魁祸首是属性background-attachment: fixed;。
我尝试使用此页面的解决方案来解决,但对我不起作用。
我想使用background-attachment: fixed;,没有延迟,有什么解决办法吗?
CSS:
body {
margin: 0 auto;
background-image: url(imagen/fondo.jpg);
background-repeat: repeat-x;
background-attachment: fixed;
background-position: top center;
}
Run Code Online (Sandbox Code Playgroud) 事实证明,如果我放置了一个,尝试使用媒体查询根据您的屏幕分辨率更改样式是行不通的!后面很重要。我正在填写代码“重要”工作,我不明白是因为它们在没有“重要”的情况下运行,这里举个例子!:
@media screen and (max-width: 1000px) {
.logo img{
padding: 0px 0px 0px 0px;
}
}
.logo img{
width:100%;
max-width:60%;
padding: 164px 0px 0px 0px;
}
Run Code Online (Sandbox Code Playgroud)
如果你不把重要的事情放在后面就不起作用。也许这是一个愚蠢的问题,但却让我陷入困境并且找不到解决方案。