2013-11-22 80 views
2

工作通過參照這個網站:http://css3pie.com/documentation/supported-css3-features/背景大小不是在IE8

「背景大小(總是使用圖像的固有大小) - 這是受支持的PIE 2.0測試版的」

基於文檔,PIE 2.0 beta現在支持background-size,但是,我不清楚如何使其在IE8上運行。

更改前:

.navbar-inverse { 
background:url('header_images/menu_bg.png'); 
background-size: 100% 50px; 
} 

的代碼工作的優良IE9和IE10;但我想它工作在IE8也一樣,所以我加了兩條線:

.navbar-inverse { 
background:url('header_images/menu_bg.png'); 
background-size: 100% 50px; 
-pie-background: url('header7/header_images/menu_bg.png') no-repeat 100% 100%/100% 50px; 
behavior: url(header7/pie/PIE.php); 

}

背景大小仍不能正常工作。我的代碼有什麼問題嗎?

+0

回答以前在這裏: http://stackoverflow.com/questions/4885145/ie-8-background-size-fix – wesruv

回答

0

IE8不支持background-size屬性。

試試這個polyfill from github

使用此應該允許您在IE8中使用background-size屬性,而不會出現任何問題。

2

我遇到了與CSS3PIE類似的問題。

我發現我修復here

.pie_bg{ 
 
    background: url("../images/background.jpg") left top no-repeat; 
 
    background-size: 100% auto; 
 
    -pie-background: url("../images/background.jpg") left top/100% auto no-repeat; 
 
} 
 

 
/* NB Image path must be relative to the html doc, not the css file. Alternatively, it can be an absolute path e.g. url("http://mywebsite.com/images/background.jpg")*/