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) 

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

posted @ 2015-11-24 18:10  雪昀  阅读(1368)  评论(1编辑  收藏  举报