IE8中的分層背景

background-image: url('/images/tenticles.png'), url('/images/header.png');

我有上面的代碼，可以在Firefox和Chrome中使用。但它在IE8中不起作用。我想知道是否有辦法解決這個問題。類似於HTML5shiv。IE8中的分層背景

來源

2011-02-17 Renari

IE缺少multiple background support有多種解決方法。一種這樣的技術涉及簡單地創建跨越整個頁面的div，並設置其背景以及body元素的背景。必要時可以重複該技術。例如：

body { background-url('/images/tenticles.png'); } 
#background1 { background-url('/images/header.png'); } 

<body> 
    <div id="background1"> 
    </div> 
</body>

但是，它看起來像你想沿着CSS3 PIE (Progressive Internet Explorer)線的東西，這「使得Internet Explorer的6-8能夠呈現幾個最有用的CSS3裝飾功能」。從PIE的網站：

PIE目前有以下CSS3功能全部或部分支持：

邊界半徑

的box-shadow

邊界圖像

多背景圖片

作爲背景圖像的線性漸變

其他功能正在積極開發中。

請注意，this question是非常相似，並有很多其他有用的信息和技術。

來源

2011-02-17 21:22:40 Donut

謝謝，我在尋找解決方案時發現了PIE，但當我測試它時似乎沒有工作。我會再花一點時間來看看我是否做錯了什麼。 – Renari 2011-02-17 23:17:28

IE8中的分層背景

回答

相關問題