1

我正在为这个脱发！我有一个在 Firefox 中正确显示（即 FIXED）的全屏背景图像，但在 Chrome 中它只有在没有滚动条的情况下才能正确显示？！页面越长，背景图像显示越大，在一个非常长的页面上，背景图像很大......我已经搜索过这个主题并找到了绝对具体的修复，但没有与我的情况直接相关的内容，如何我可以让 Chrome 正常运行吗？

编码：

<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%;
}

任何帮助将不胜感激！！

4

2 回答 2

2

我不完全确定是否是这种情况，但是您是否希望背景图像保持静止（当您向下或向上滚动时，图像似乎随着您的滚动而“移动”，从不拉伸或重复）？

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

如果不是这种情况，您到底想用背景图像实现什么？

于 2012-04-23T06:11:47.107 回答
0

这可以帮助您修复 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 

}

在此更改您要专门为 chrome 编写的类不要担心它不会影响其他浏览器，您可以在此块中添加任意数量的类，特定于 Webkit 浏览器

于 2012-04-23T06:13:31.937 回答