• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营

    • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    浅析border-radius如何兼容IE

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

    上一篇：如何利用input事件来监听移动端的输入
    下一篇：基于html5绘制圆形多角图案
  • 相关文章
    • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    浅析border-radius如何兼容IE 浅析,border-radius,如何,兼容,