IE中的多個背景圖片，使用CSS在IE中創建多個背景圖片

這是我第一次在這裏發表。我有個問題。我一直在努力爭取多個背景圖片在Chrome/Safari和IE瀏覽器中運行。當然，它適用於除IE以外的所有瀏覽器。IE中的多個背景圖片，使用CSS在IE中創建多個背景圖片

這是我的代碼：

#container { 
    width: 828px; 
    margin: auto; 
    padding: 0; 
    text-align: left; 
    position: relative; 
    overflow: visible; 
    background-image: url('images/body.png'), url('images/filler.png'); 
    background-repeat: no-repeat, repeat-y; 
}

我使用兩個背景圖像的原因是因爲我想說明的部分留在上面，並在同一div層重複的白色頁面背景當添加更多內容時。

此時此代碼在Chrome中完美工作，但在Internet Explorer中無法顯示背景圖片。

幫助？

來源

2011-08-18 Manikandan Thangaraj

IE瀏覽器不能支持多個背景圖像。不確定！E9，但至少不會。 – Kyle

您使用的是哪個版本的Internet Explorer？ – thirtydot

互聯網瀏覽器8 –

如果可能，我建議你使用兩個容器元素。

HTML

<div id="container"> 
    <div id="inner-container"> 
    </div> 
</div>

CSS

#container { 
    background: url('images/filler.png') repeat-y; 
} 
#inner-container { 
    background: transparent url('images/body.png') no-repeat left top; 
}

來源

2011-08-18 11:13:20 Stefan

它會佔用更多的空間， –

@Manikandan Thangaraj：它如何佔用更多的空間？這是最終的交叉瀏覽器解決方案，以及事情總是如何完成的。否則，你需要得到一個硬核HTC或JS解決方案。像css3pie.com一樣。爲了記錄，如果您認爲雙層容器不是一個好的解決方案並佔用更多空間，那麼css3pie需要更多的空間，實施起來更加困難。面對它，你不能得到更好的解決方案，然後回答上面。 –

IE中的多個背景圖片，使用CSS在IE中創建多個背景圖片

回答

相關問題