使用PIE.htc 进行IE兼容CSS3

最新推荐文章于 2020-07-31 14:40:03 发布

weixin_30919429

最新推荐文章于 2020-07-31 14:40:03 发布

阅读量345

点赞数

原文链接：http://www.cnblogs.com/wmydb/p/9054864.html

版权

步骤：

1、引入文件。注意PIE.htc文件和css文件要放在同一个目录下；

2、在css元素中加上 behavior:url(pie.htc);

3、可以愉快的写css hack啦，这时需要的圆角平移等等部分css3属性在ie6\7\8上都可以展示出来

<!DOCTYPE html>    
<html>    
<head>    
    <title></title>    
<style type="text/css">    

   .container{  
   width:250px;  
   height:250px;  
   background-color:#34538b;  
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
   box-border-radius:5px;
   behavior:url(pie.htc);  
   }  
</style>    
   
</head>    
<body>    
    <div class="container"></div>  
</body>    
</html>