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); }