爲IE8修復背景大小100％？

我有以下的css來獲得一個背景圖片，以在一個部分內拉伸100％。爲IE8修復背景大小100％？

.sectionclass { 
    background: url('../img/bg.png') 50% 0 no-repeat fixed; 
    background-size:100%; 
    width: 100%; 
    position: relative; 
    line-height: 2; 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg.png', sizingMethod='scale'); 
}

它運作良好，在IE瀏覽器的最新版本，但是當我看到IE7或IE8的背景不會去全寬。什麼是解決這個問題最簡單的方法？

來源

2014-02-18 Markus Tenghamn

與所有其他url()路徑相對於樣式表所在的目錄不同，該路徑相對於使用樣式表的頁面。

例如，如果您的網頁位於根目錄下，你的樣式表位於旁邊img目錄（因此需要..）自己的目錄，你需要改變src，使其相對於根目錄下，就像這樣：

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bg.png', sizingMethod='scale')

來源

2014-02-18 11:12:55 BoltClock

不知道爲什麼我沒有想到這一點。謝謝！ –

@UberBrainChild：這是完全不直觀的，如果有人想到這一點，我會感到驚訝:) – BoltClock

.yourclass { 
    background:url(image-path) repeat fixed 100% 100%; 
    background-attachment:fixed; 
    background-size:100%; 
    background:url(image-path) repeat fixed center center\9; 

    /*IE 9*/ 
    background:url(image-path) repeat fixed top 100%; /* IE9 */ 
    background-attachment:fixed; /* IE9 */ 
    background-size:100%; /* IE9 */ 
}

來源

2014-02-18 11:44:34

OP要在IE7/8中支持。這不會解決問題。看看接受的答案。 –

爲IE8修復背景大小100％？

回答

相關問題