0514-86177077

9:00-17:00（工作日）

主页 > 知识库 > 浅析border-radius如何兼容IE

浅析border-radius如何兼容IE
热门标签：杭州营销电销机器人供应商 高德地图标注宾馆位置 飞亚外呼系统 电话机器人如何 百应电销机器人产业 电视购物电销外呼系统 联通400电话申请 西宁智能外呼系统加盟 贷款电销人工和机器人哪个好

目前而言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就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

标签：安庆 晋中 玉溪 牡丹江 邯郸 内蒙古 烟台 抚州

巨人网络通讯声明：本文标题《浅析border-radius如何兼容IE》，本文关键词  浅析,border-radius,如何,兼容,；如发现本文内容存在版权问题，烦请提供相关信息告之我们，我们将及时沟通与处理。本站内容系统采集于网络，涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《浅析border-radius如何兼容IE》相关的同类信息！
  • 本页收集关于浅析border-radius如何兼容IE的相关信息资讯供网民参考！
    • 推荐文章

    上一篇：如何利用input事件来监听移动端的输入

    下一篇：基于html5绘制圆形多角图案

    Copyright © 1999-2012 诚信 合法 规范的巨人网络通讯始建于2005年

    苏ICP备15040257号-8

    产品关键词： 浅析border-radius如何兼容IE 浅析,border-radius,如何,兼容,