Chrome浏览器CSS位置：固定

我在这个失去头发！我有一个全屏幕背景图像，在Firefox中正确显示（即.FIXED），但在Chrome中，只有没有滚动条时才能正确显示？页面越长，背景图片就越大，而在一个很长的页面上，背景图片是巨大的......我已经在这个主题上进行了搜索，发现了绝对具体的修复，但没有直接关系到我的情况，我可以让Chrome的行为？Chrome浏览器CSS位置：固定

代码：

<div id="background"> 
<img src="../images/37df8ead08594126a7be43e1bdf3cd00.jpg" alt="blah" class="main-bg" /> 
</div> 

#background { 
position: fixed; 
overflow: hidden; 
left: 0px; 
top: 0px; 
z-index: -1; 
} 

.main-bg{ 
position:absolute; 
top:0; 
left:0; 
z-index:1; 
width:100%; 
}

任何帮助将不胜感激！

来源

2012-04-23 gokartracer101

我不没有看到浏览器之间的行为差异，抱歉。即使IE做对了。 – 2012-04-23 06:07:58

我不完全确定是否是这种情况，但是您希望背景图像保持静态（当您向下滚动或向上滚动图像时，滚动显示为“移动”，从不拉伸或重复）？

如果是这种情况，请尝试background-attachment:fixed并查看此 link。

如果情况并非如此，您想要使用背景图像来达到什么目的？

来源

2012-04-23 06:11:47 zillaofthegods

这是正确的答案。不要有另一个无用的div只是为了背景。 – 2012-04-23 06:16:39

谢谢你，这工作得很好！我手忙脚乱地看着别人的问题，以上是开始的基本代码。 – gokartracer101 2012-04-24 03:01:10

绝对！任何时候。 – zillaofthegods 2012-04-24 03:48:33

这可以帮助您修复Chrome修补程序，例如：Chrome修复程序，可以帮助您修复Chrome

。

@media screen and (-webkit-min-device-pixel-ratio:0){ 
       .CR_page_TD p { line-height:24px}//sample class 
       .cr_Rightimgdiv {float:left}//sample class 
       background-attachment:fixed//not tested yet 

}

中，使

改变要明确写入铬不用担心，它不会影响其他浏览器类，你可以在此块特定的添加类的任何数量的WebKit浏览器

来源

2012-04-23 06:13:31

Chrome浏览器CSS位置：固定

回答

相关问题