IE8中的分层背景

时间:2011-02-17 21:13:33

标签: css internet-explorer-8 background css3

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

我有上面的代码,可以在Firefox和Chrome中使用。但它在IE8中不起作用。我想知道是否有办法解决这个问题。与HTML5shiv类似的东西。

1 个答案:

答案 0 :(得分:5)

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功能:

     
      
  • 边界半径
  •   
  • 箱阴影
  •   
  • 边界图像
  •   
  • 多个背景图片
  •   
  • 线性渐变作为背景图像
  •   
     

其他功能正在积极开发中。

请注意,this question非常相似,并且还有许多其他有用的信息和技术。