让ie6/7/8支持css3属性

PIE 可以使得 IE 6-8支持部分很有用的css3属性,具体支持哪些css3属性的可以查阅官方文档(http://css3pie.com

代码示例:

#myElement {
    background: #EEE;
    padding: 2em;
    box-shadow:#999 1px 1px 5px;
    border-radius: 1em;
}
上面这段css代码运用到了css3中的阴影和圆角,但是不支持IE6 - 8,需要在后面再追加特定的PIE以便支持IE6 - 8浏览器

示例:

#myElement {
    ...
    behavior: url(PIE.htc);
}
需要注意的是:pie文件的引入路径必须为绝对路径,同时在你引入pie的时候#myElement里的所有元素绝对不能同时使用!important这个属性(padding只是作为一个示例),如:
#myElement {
    ...
    padding:5px !important;
    behavior: url(PIE.htc);
}


鄂ICP备19018033号-1
0.061251s