IE8中的分层背景

Ren*_*ari 2 css background css3 internet-explorer-8

background-image: url('/images/tenticles.png'), url('/images/header.png');
Run Code Online (Sandbox Code Playgroud)

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

Don*_*nut 5

IE缺少多种后台支持有多种解决方法.一种这样的技术涉及简单地创建div跨越整个页面,并将其背景与body元素的背景一起设置.必要时可以重复该技术.例如:

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

<body>
    <div id="background1">
    </div>
</body>
Run Code Online (Sandbox Code Playgroud)

但是,看起来你想要的东西就是CSS3 PIE(Progressive Internet Explorer),它"让Internet Explorer 6-8能够呈现几个最有用的CSS3装饰功能".来自PIE的网站:

PIE目前全面或部分支持以下CSS3功能:

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

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

请注意,这个问题非常相似,并且有许多其他有用的信息和技术.