圆角兼容IE浏览器方法

Posted 毕吧卟

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了圆角兼容IE浏览器方法相关的知识,希望对你有一定的参考价值。

一,圆角写法经常在布局时候会用到,但现在市场上还是有很多用户使用IE8以及以下的浏览器等等,比如我现在从事的公司,XP系统,IE8甚至更低版本浏览器

二,实现方法:

        1,需要引用一个插件:ie-css3.htc 

 1 <!DOCTYPE html>  
 2 <html lang="en">  
 3 <head>  
 4     <meta charset="UTF-8">  
 5     <title>Document</title>  
 6     <style>  
 7         #box{  
 8             border-radius: 10px;  
 9             behavior: url(ie-css3.htc);  
10         }  
11         /*ie-css3.htc和当前文件需同一路径*/  
12     </style>  
13 </head>  
14 <body>  
15     <div id="box"></div>  
16 </body>  
17 </html>  

 

以上是关于圆角兼容IE浏览器方法的主要内容,如果未能解决你的问题,请参考以下文章

兼容ie8,firefox,chrome浏览器的代码片段

div css圆角边框怎么设置

border-radius 兼容ie

十条jQuery代码片段助力Web开发效率提升

十条jQuery代码片段助力Web开发效率提升

如何解决bootstrap与ie不兼容问题