Question

在我的网站和page中，我有一个背景图片。必须修复此背景图像。此页面在Firefox中正常运行，但在Google Chrome中无效。背景图像css是这样的：

.aboutBG {
  position: fixed;
  width: 100%;
  height: 100%;
  background-image: url(../img/bg1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  z-index: 10;
}

我在网上搜索并找到一些答案，例如this，以便使用如下代码：

-webkit-backface-visibility: hidden; 
-webkit-transform: translateZ(0);

但它不起作用

Answer 1

你不能将背景图像应用于div做一些好的逻辑

你的CSS应该是

html, body{
    height: 100%;
    width: 100%;
    background-image: url(http://justbeecosmetics.com/img/headImage.jpg);
    background-attachment: fixed;
}
#blank{
    height:80%;
}

#top{
    height: 70%;
    background-color:blue;
}
#bottom{
    height:50%;
    background-color:red;
}

请检查这里的小提琴

http://jsfiddle.net/jdmitz/V8WqE/

您已添加到错误的位置

Answer 2

更容易添加：

#container {
   background-image: url(../img/bg1.jpg);
   background-repeat: no-repeat;
   background-size: cover;
   background-attachment: fixed;
}

已修复的排名在Google Chrome中无效

2 个答案: