分享好友 前端技术首页 频道列表

浅析border-radius如何兼容IE

html5教程  2016-05-17 17:170

目前而言firefox，opera,chrome等主流浏览器都已经支持border-radius属性，唯独IE8以及之前。

解决办法就是在用的border-radius属性的后面加上:behavior: url(ie-css3.htc);

XML/HTML Code复制内容到剪贴板
  1. <!DOCTYPE html>  
  2. <html lang="en">  
  3. <head>  
  4.     <meta charset="UTF-8">  
  5.     <title>border-radius兼容IE</title>  
  6.     <style>  
  7.         .d1{   
  8.             width: 5em;   
  9.             height:5em;   
  10.             background: #e4393c;   
  11.             /*防止浏览器版本过低*/   
  12.             -moz-border-radius: 50%;   
  13.             -webkit-border-radius: 50%;   
  14.             border-radius: 50%;   
  15.             /*解决IE*/   
  16.             behavior: url(ie-css3.htc);   
  17.         }   
  18.     </style>  
  19. </head>  
  20. <body>  
  21.     <div class="d1"></div>  
  22. </body>  
  23. </html>  

以上这篇浅析border-radius如何兼容IE就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持乐学网（lexue001.com）。

查看更多关于【html5教程】的文章

展开全文
相关推荐
反对 0
举报 0
评论 0
图文资讯
热门推荐
优选好物
更多热点专题
更多推荐文章
利用CSS3的border-radius绘制太极及爱心图案示例
CSS3中的border-radius可以轻松地用来绘制弧线,如果只用来做圆角矩形的话可就太浪费了,下面就来展示一下利用CSS3的border-radius绘制太极及爱心图案示例,需要的朋友可以参考下

0评论2016-05-26135

IE系列不支持CSS的圆角border-radius等属性的解决方案
IE系列浏览器不支持CSS的圆角(border-radius)等CSS3属性，如何解决这个问题呢？百度了一下，发现有个开源的插件可以解决此问题

0评论2015-11-0759

CSS3使用border-radius属性制作圆角
这篇文章主要介绍了CSS3使用border-radius属性制作圆角，并附上示例代码，推荐给有相同需求的小伙伴。

0评论2015-11-02112

更多推荐