2012-08-23 68 views
2

我有一個有趣的小問題。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; 
} 

爲什麼會發生這種情況,我該怎麼辦x它?

直播現場:http://www.healthfair.biz/

謝謝你們!

+0

對我的作品中鉻(19.0.1084.56米) –

+0

對我來說也適用於鉻(21.0.1180.83米) –

+2

對我來說也適用於鍍鉻(21.0.1180.79米),背景是加載速度緩慢但是......也許在顯示頁面之前加載它? –

回答

2

我建議刪除體填充頂(套次,而是,使用相同的填充頂上div.wrapper。 這應該幫助。

+0

謝謝 - 我從來不知道做這些事情的最好方法是什麼。它是有道理的,你保留屬性負責定位和顯示這些元素的CSS中的元素 –