Firefox显示固定背景,Chrome显示滚动背景

yb3bgrhw  于 10个月前  发布在  Go
关注(0)|答案(1)|浏览(111)

也许有人知道如何正确解决这个问题?我用Wordpress制作了我的网站。源页面完全相同,但页面背景有问题,而它在Firefox上显示已修复(并且大小正确/封面)在Chrome上它放大并随页面滚动。
页面示例:Website here
Chrome显然因这个问题而闻名,但我想知道是否有一个有效的解决方法来解决这个问题,并以原始规模查看我的背景(当然也可以在设备上响应)
谢谢你告诉我,布鲁诺
我无法找到解决方案,因为代码实际上是相同的,只是浏览器的响应能力发生了变化

kulphzqa

kulphzqa1#

好的,我找到了代码(附件):


的数据
Chrome:

.edgtf-parallax-row-holder {
  height: auto!important;
  min-height: 200px!important;
  background-attachment: scroll;
  background-position: center top!important;
  background-size: cover
}

字符串
Firefox

.edgtf-parallax-row-holder {
  position:static;
  padding:0;
  background-attachment:fixed;
  background-color:transparent;
  background-position:center 0;
  background-repeat:no-repeat;
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
  -moz-transform:none;
  overflow:hidden
}


问题是,Chrome是强制拒绝“封面”标签,而且如果我尝试将背景附件从“滚动”更改为“固定”也不会停留在原地。

相关问题