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属性。