使用PIE.htc 進行IE兼容CSS3

本文轉載自查看原文 2018-05-18 10:16 1285

步驟：

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>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 IE8 兼容CSS3 使用 PIE.htc 使用PIE.htc讓萬惡的IE內核瀏覽器IE6\7\8支持CSS3部分屬性使用PIE對IE6、7、8進行CSS3兼容介紹和經驗總結 pie.htc 在IE下不起作用~~~ IE兼容css3圓角的htc解決方法 css3在IE下兼容 IE8兼容css3 【學習】ie-css3.htc---讓ie8以下支持css3 【css老版本瀏覽器兼容利器】ie-css3.htc ie-css3.htc 可以讓IE低版本瀏覽器支持CSS3 的一個小工具