IE 8背景圖像問題

我有一個沒有那麼異常的問題，但無論是我的谷歌技能吸或我不知道如何問和找到我的問題的解決方案。IE 8背景圖像問題

我使用bootstrap3來建立我的網站，除了橫幅部分，在IE 8上看起來不錯。

外部.row div是100％，背景圖像覆蓋全部。在div裏面，我有一個.container div，它的中心內容在兩端留下了一些空間。

在除IE8以外的所有瀏覽器中，此設計可以正常工作，但在IE上，背景圖像只能達到.container在兩邊留下空白區域。

這裏是我的CSS

.heading 

{ 
background: url(../images/inner-heading-bg.png) no-repeat scroll; 
background-position:center; 
background-size: cover; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
min-width: 50px; 
min-width: 100%; 

}

請參見附件圖像IE IE8 screenshot

來源

2014-06-30 Masinde Muliro

這是因爲IE8不支持'background-size'http：//caniuse.com/#search=background-size – enyce12

我實際上在底部有下面這幾行，應該會讓它支持沒有太大的成功： filter：progid：DXImageTransform.Microsoft.AlphaImageLoader（src ='../images/inner-heading-bg.png'，sizingMethod ='scale'）; -ms-filter：「progid：DXImageTransform.Microsoft.AlphaImageLoader（src ='../images/inner-heading-bg.png'，sizingMethod ='scale'）」; –

IE8不支持後臺尺寸：蓋;本身，它需要在後面一點點推動。你可以使用像下面這樣的填充：https://github.com/louisremi/background-size-polyfill讓它在IE8中工作。

來源

2014-06-30 12:10:00 LosBeekos

感謝您的回答，但沒有運氣與此解決方案:-( –

這實際上已經工作，我指定了錯誤的道路爲HTC，我認爲是累了，昨天下午足以注意到錯誤感謝很多 –

我很高興它現在適合你。 – LosBeekos

IE 8背景圖像問題

回答

相關問題