浅析border-radius如何兼容IE


Posted in HTML / CSS onApril 19, 2016

目前而言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就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

HTML / CSS 相关文章推荐
CSS3实现闪烁动画效果的方法
Feb 09 HTML / CSS
用CSS3写的模仿iPhone中的返回按钮
Apr 04 HTML / CSS
css3media响应式布局实例
Jul 08 HTML / CSS
CSS3 linear-gradient线性渐变生成加号和减号的方法
Nov 21 HTML / CSS
HTML5 Canvas绘制文本及图片的基础教程
Mar 14 HTML / CSS
X/HTML5 和 XHTML2
Oct 17 HTML / CSS
在IE6系列等老式浏览器中使用HTML5的新标签实现方案
Dec 25 HTML / CSS
html5 Canvas画图教程(10)—把面拆成线条模拟出圆角矩形
Jan 09 HTML / CSS
Html5无刷新修改browser Url的方法
Jan 15 HTML / CSS
HTML5+CSS3实现拖放(Drag and Drop)示例
Jul 07 HTML / CSS
HTML5移动端手机网站开发流程
Apr 25 HTML / CSS
HTML5 canvas基本绘图之绘制线条
Jun 27 HTML / CSS
如何利用input事件来监听移动端的输入
Apr 15 #HTML / CSS
HTML5移动端开发中的Viewport标签及相关CSS用法解析
Apr 15 #HTML / CSS
整理HTML5移动端开发的常用触摸事件
Apr 15 #HTML / CSS
实例讲解使用SVG制作loading加载动画的方法
Apr 05 #HTML / CSS
移动端HTML5实现文件上传功能【附代码】
Mar 25 #HTML / CSS
HTML5触摸事件演化tap事件介绍
Mar 25 #HTML / CSS
html5生成柱状图(条形图)效果的实例代码
Mar 25 #HTML / CSS
You might like
fleaphp crud操作之findByField函数的使用方法
2011/04/23 PHP
php生成rss类用法实例
2015/04/14 PHP
php循环table实现一行两列显示的方法
2015/06/04 PHP
ThinkPHP模型详解
2015/07/27 PHP
老生常谈文本文件和二进制文件的区别
2017/02/27 PHP
PHP堆栈调试操作简单示例
2018/06/15 PHP
PHP实现数组根据某个字段进行水平合并,横向合并案例分析
2019/10/08 PHP
javascrip客户端验证文件大小及文件类型并重置上传
2011/01/12 Javascript
JavaScript将Table导出到Excel实现思路及代码
2013/03/13 Javascript
jQuery 三击事件实现代码
2013/09/11 Javascript
js行号显示的文本框实现效果(兼容多种浏览器 )
2015/10/23 Javascript
CascadeView级联组件实现思路详解(分离思想和单链表)
2016/04/12 Javascript
微信JS接口大全
2016/08/25 Javascript
javascript十六进制数字和ASCII字符之间的转换方法
2016/12/27 Javascript
jQuery 控制文本框自动缩小字体填充
2017/06/16 jQuery
vue.js element-ui tree树形控件改iview的方法
2018/03/29 Javascript
vue不操作dom实现图片轮播的示例代码
2019/12/18 Javascript
[54:41]2018DOTA2亚洲邀请赛3月30日 小组赛B组 VGJ.T VS paiN
2018/03/31 DOTA
[01:32:50]DOTA2-DPC中国联赛 正赛 DLG vs XG BO3 第一场 1月25日
2021/03/11 DOTA
Python数组遍历的简单实现方法小结
2016/04/27 Python
Python处理文本文件中控制字符的方法
2017/02/07 Python
Python利用神经网络解决非线性回归问题实例详解
2019/07/19 Python
Python利用scapy实现ARP欺骗的方法
2019/07/23 Python
Python 动态导入对象,importlib.import_module()的使用方法
2019/08/28 Python
python如何保存文本文件
2020/06/07 Python
selenium自动化测试入门实战
2020/12/21 Python
美国著名的户外用品品牌:L.L.Bean
2018/01/05 全球购物
施华洛世奇美国官网:SWAROVSKI美国
2018/02/08 全球购物
草莓网官网:StrawberryNET
2019/08/21 全球购物
Ajax的优点和缺点
2014/11/21 面试题
卫校护理专业毕业生求职信
2013/11/26 职场文书
党员的自我评价范文
2014/01/02 职场文书
美术第二课堂活动总结
2014/07/08 职场文书
思品教学工作总结
2015/08/10 职场文书
Python读写yaml文件
2022/03/20 Python
解决MySQL Varchar 类型尾部空格的问题
2022/04/06 MySQL