2012-11-01 69 views
2

我想在正文上顯示背景圖像。我有一個css文件,我用它控制了body屬性。我想設置背景大小:100%,但它不適用於IE7或IE8。它適用於Chrome,Firefox和IE9。我怎樣才能改變它的IE7和IE8?背景圖像在IE8上無法正常顯示

我的CSS文件:

body 
    { 

     background-image:url('http://www.blablabla.com/images/arka3.png'); 
     background-size: 100%; 
     background-repeat: no-repeat; 
     background-attachment: fixed; 
     background-position: left; 

} 
+0

我們可以看到一個示例頁面? – dspencer

回答

2

您可以使用下面的CSS body標籤。

body 
    { 
     background: url('http://www.blahblahblah.com/images/arka3.png') #EBEBEB repeat-x 0 0; 
} 

您還可以將背景圖像裁剪爲1或2像素寬以節省加載時間。

你也可以添加新的CSS在有條件CSS語句只適用於IE7和8

注:我沒有時間去QA所有的瀏覽器,但我沒有檢查IE 8和FF。

+0

它像一個魅力。感謝您的關注:)請問您可以更改圖片網址嗎? –

+0

更新的圖片網址。 – dspencer

+0

謝謝你...... :) –

0

嘗試

HTML

<div id="container"> 
    <img id="bgImg" src="img.png"/> 
</div> 

CSS

#bgImg { 
    position: relative; 
    width: 100%; 
    height: auto; 
} 

#container { 
    overflow: hidden; 
    position: fixed; 
    width: 100%; 
    height: 100%; 
    z-index: -1; 
    left: 0; 
    top: 0; 
} 

html,body { 
    width: 100%; 
    height: 100%; 
} 

小提琴here