css3pie 解决IE下CSS3的兼容性问题

对于前段工程师最头疼的莫过于调试IE了,对于HTML5的一些属性,只有IE8以上才部分支持。但是现在许多用户还在使用IE6,IE7。怎么去解决在IE下CSS属性不兼容性问题呢?今天这篇文章向大家推荐一款非常优秀的CSS3工具——css3pie。

官网:http://css3pie.com/

PIE方法的使用与平时我们使用CSS3属性一样,基本上没有什么特殊的样式名称,只要链接pie.htc文件即可。

CSS3 Pie支持的CSS3语法有:

border-radius 圆角

box-shadow 块阴影

border-image 图片边框

multiple background images 多背景

linear-gradient as background image 线性渐变背景图片

CSS3 Pie是一个.htc文件,可以在官网下载。

使用起来非常简便,只要在使用到CSS3的地方添加behabior:url(PIE.htc)l

demo:

<div id="tests"></div>

#tests {
    padding: 1.5em;
    margin: 1em 0;

    border-radius: 10px;

    behavior: url(/pie/PIE.htc);
    position: relative;
    background: #CCF;
    overflow: hidden;
}


展开阅读全文

没有更多推荐了,返回首页