Webkit背景图像被剪裁

时间:2012-08-23 20:18:27

标签: html css webkit

我有一个有趣的小问题。

我的body元素上有一个背景图片,它在Webkit浏览器中加载(特别是Chrome)。

Bad!

调整窗口大小似乎解决了这个问题......

这是它应该如何看待:

Good!

CSS:

body {
padding-top: 360px;
font-family:Helvetica, Helvetica Neue, Arial, sans-serif;

background: url('images/page-bg2.jpg') no-repeat left center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

为什么会发生这种情况,我该如何解决?

直播网站:http://www.healthfair.biz/

谢谢你们!

1 个答案:

答案 0 :(得分:2)

我建议删除body padding-top(设置th,而不是在div.wrapper上使用相同的padding-top。 这应该有所帮助。