Chrome CSS背景图像出现白色区域

我有一个神秘的（至少对我来说）CSS背景图像问题，我只与谷歌Chrome碰到。我发现了类似的主题，但不像那些，这里没有Javascript，JQuery或其他任何东西，它是纯CSS。它只是不能正常工作。Chrome CSS背景图像出现白色区域

如果你打开页面www.bodrogietterem.hu，背景图像应该是整个内容区域下方（因为它是在其他浏览器）。在Chrome中，出现了一个水平和垂直的白色区域。

一旦你开始滚动，背景图像出现在所有好，并从此留在那里。同样，当你用inspect元素打开开发工具时，背景图片立即出现在那里，并且也停留在那里。

这是关于CSS：

body.page-node-1 div#main{ 
background:#FFFFFF url('/sites/all/themes/bodrogietterem/images/bodrogi_bodrogi.jpg') bottom; 
background-repeat:no-repeat; 
background-attachment:fixed; 
background-position:50% 135px; 
padding-bottom:0px; 
margin-bottom:0px; 
}

和它的外观一样，它应该什么样子（当然，我不能附加这些，作为一个新的用户连接两个screengrabs，但看看这里：

http://www.bodrogietterem.hu/chrome_issue.JPG

这里

http://www.bodrogietterem.hu/should_look_like.JPG

它也发生在子页面上，但我认为问题的根源必须相同。

我使用的是Vista，用最新的浏览器（20.0.1132.57），和最新的浏览器。顺便说一句，第二截图拍摄于Chrome浏览器也是如此，但在打开开发工具后

非常感谢你的帮助，最好成绩，索尔特

来源

2012-07-27 Zsolt Balla

截图产生400坏请求错误。我在Firefox，Chrome和IE中打开了页面，它们看起来都一样：滚动对我来说根本不起作用。 – 2012-07-27 07:18:53

嗨，大卫，滚动不起作用，因为我在那个时候搞乱了css :-)它现在应该是好的 – 2012-07-27 09:55:43

另外，我修复了截图网址，将它们上传到我的服务器 – 2012-07-27 10:01:18

浏览器的最新版本是21.0 ...所以尝试更新Chrome浏览器并查看它是否在最新版本中显示正常。屏幕截图导致404错误页面，因此请尝试再次上传屏幕截图。

我也检查了IE7，IE8，IE9页面的页面看起来很不错的所有3，IE7但是显示了水平滚动条在底部，但背景图像看起来确定。

来源

2012-07-27 07:54:50 Raj

Hi Raj，我已经在https://www.google.com/intl/zh-CN/chrome/browser/上运行安装程序，但是我得到的版本与以前相同（20.0.1132.57）关于菜单还提到浏览器是最新的你从哪里得到v21？大卫，滚动不起作用，因为我在网站上用css搞乱 - 现在应该都可以了其他想法？ – 2012-07-27 09:53:08

嗨，我更新了截图网址，如果你想看看... – 2012-07-27 10:01:42

你的页面看起来很好在Chrome中

我曾在过去的问题在那里已经安装的各种工具栏/插件与页面相当显著呈现铬的CSS干扰的Windows 7（铬20.0.1132.57）似乎在孤立的事件中出现漏洞。尝试在没有安装插件/插件的情况下运行Chrome，看看它是否能解决您的问题。在你的CSS

一个观察：#content包含不清除浮动的元素。我不认为这是这个问题，但可能与上述可能混合。

让我知道这是否有帮助。

来源

2012-07-27 19:50:48

嗨大卫，感谢您的提示，但不幸的是它并没有为我工作。我没有BitTorrent工具栏，禁用了每个扩展后，问题仍然存在。无论如何，我设法解决了这个问题（请参阅下面的答案），尽管仍然不确定是什么原因造成的。再次感谢Zsolt – 2012-07-27 22:56:07

感谢您的有益思想，我终于设法解决了这个问题。

虽然摆弄周围，我测定白色区域的高度，并且它原来是135px（这正是在CSS背景的顶部位置的上方）。所以我决定，无论出于何种原因，这个属性导致了这个问题，我是对的。

作为一种快速和肮脏的解决方案，我在背景图像的顶部添加了135px的白色区域，并将背景位置属性的顶部设置为0px--这立即解决了问题。

至于垂直的白色区域，它通过将背景图像绑定到＃main-wrapper div而不是#main div（它是Drupal 7 build）来解决。再次，我不完全知道为什么，但它立即解决了问题。

我的爱，网络应该如何准确和逻辑，它仍然保持随机和临时的时间再次

感谢您的时间和精力，最好成绩，索尔特

来源

2012-07-27 23:01:01

有同样的问题有两页http://www.stoerbeton.nl，但我想我在阅读完上述文章和一些想法后解决了这个问题。

问题可能出现在一般背景中：url;属性和加载的网站CSS。我替换了所有一般背景：＃222222网址重复等;为背景图像：; ，background-repeat :;;和背景色：;等

请让我知道如果您的网站编辑您的CSS后工作。我仍在测试。

映入眼帘，aquaster.nl

来源

2013-05-02 15:17:56 user2343690

Chrome CSS背景图像出现白色区域

回答

相关问题