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%;
}
任何帮助将不胜感激!
我不完全确定是否是这种情况,但是您希望背景图像保持静态(当您向下滚动或向上滚动图像时,滚动显示为“移动”,从不拉伸或重复)?
如果是这种情况,请尝试background-attachment:fixed
并查看此 link。
如果情况并非如此,您想要使用背景图像来达到什么目的?
这是正确的答案。不要有另一个无用的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浏览器
我不没有看到浏览器之间的行为差异,抱歉。即使IE做对了。 – 2012-04-23 06:07:58