为什么下面的代码不能在 ie 中运行?
background-image: url(../images/bg_top3.jpg), url(../images/gradient.png);
background-repeat: no-repeat, repeat-x;
background-color: #fff;
background-position: center top, left top;
最佳答案
可以用css3 pie在ie中使用多背景
#myElement {
background: url(bg-image.png) no-repeat #CCC; /*non-CSS3 browsers will use this*/
background: url(bg-image.png) no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from(#CCC) to(#EEE)); /*old webkit*/
background: url(bg-image.png) no-repeat, -webkit-linear-gradient(#CCC, #EEE); /*new webkit*/
background: url(bg-image.png) no-repeat, -moz-linear-gradient(#CCC, #EEE); /*gecko*/
background: url(bg-image.png) no-repeat, -ms-linear-gradient(#CCC, #EEE); /*IE10 preview*/
background: url(bg-image.png) no-repeat, -o-linear-gradient(#CCC, #EEE); /*opera 11.10+*/
background: url(bg-image.png) no-repeat, linear-gradient(#CCC, #EEE); /*future CSS3 browsers*/
-pie-background: url(bg-image.png) no-repeat, linear-gradient(#CCC, #EEE); /*PIE*/
}
可以在@ http://css3pie.com/documentation/supported-css3-features/#pie-background 找到更多信息
编辑: 您需要在需要使用饼图行为的规则中添加行为属性。
您可以通过添加将其应用于所有标签:
*{behavior: url(/PATH-TO/PIE.htc);}
但这会带来巨大的性能成本。
您最好在需要使用 css3 PIE 的元素中添加一个类 pie
,并使用以下方法定位它:
.pie {behavior: url(/PATH-TO/PIE.htc);}
关于html - 使用 css 的多个背景图像的 IE 兼容性问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15964199/