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中的分层背景

回答

相关问题