ie8的圆角问题

   pie.js的引用

 

1、在你的网页加载 PIE.js 脚本。

注意，用IE专用的注释，防止非IE浏览器下载。

<!--[if lt IE 10]>

<script type="text/javascript" src="PIE.js"></script>

<![endif]-->

 

2、用js 调用：

$(function() {

    if (window.PIE) {

        $('.rounded').each(function() {

            PIE.attach(this);

        });

    }

});

 

 

3、css中的调用

.yuan {
border: 2px solid #C0C0C0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
position:relative;
padding:5px;
background:#FFF;
z-index:2;
width:330px;
height:200px;
behavior: url(iecss3.htc)
}

4、让IE6-IE8支持CSS3圆角必备条件：
a、behavior: url(iecss3.htc)必须直接HTML中引人;
b、position:relative; z-index:2; 必须同时使用position和z-index两个CSS属性。