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中的调用

1. .yuan {
2. border: 2px solid #C0C0C0;
3. -moz-border-radius: 10px;
4. -webkit-border-radius: 10px;
5. border-radius: 10px;
6. position:relative;
7. padding:5px;
8. background:#FFF;
9. z-index:2;
10. width:330px;
11. height:200px;
12. behavior: url(iecss3.htc) 
13. }

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