浅析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中的border-radius属性
Aug 18 HTML / CSS
非常震撼的纯CSS3人物行走动画
Feb 24 HTML / CSS
详解CSS3的图层阴影和文字阴影效果使用
Jun 09 HTML / CSS
详解background属性的8个属性值(面试题)
Nov 02 HTML / CSS
html通过canvas转成base64的方法
Jul 18 HTML / CSS
多视角3D可旋转的HTML5 Logo动画
Mar 02 HTML / CSS
LocalStorage记住用户和密码功能
Jul 24 HTML / CSS
HTML5新增属性data-*和js/jquery之间的交互及注意事项
Aug 08 HTML / CSS
html中显示特殊符号(附带特殊字符对应表)
Jun 21 HTML / CSS
CSS 实现Chrome标签栏的技巧
Aug 04 HTML / CSS
css让页脚保持在底部位置的四种方案
Jul 23 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
细谈php中SQL注入攻击与XSS攻击
2012/06/10 PHP
php去除换行符的方法小结(PHP_EOL变量的使用)
2013/02/16 PHP
php简单统计字符串单词数量的方法
2015/06/19 PHP
PHP中仿制 ecshop验证码实例
2017/01/06 PHP
PHPCMS手机站伪静态设置详细教程
2017/02/06 PHP
php注册审核重点解析(数据访问)
2017/05/23 PHP
jquery 表格的增行删行实现思路
2013/03/21 Javascript
javascript两种function的定义介绍及区别说明
2013/05/02 Javascript
基于jquery的禁用右键、文本选择功能、复制按键的实现代码
2013/08/27 Javascript
JS中图片缓冲loading技术的实例代码
2013/08/29 Javascript
javascript(js)的小数点乘法除法问题详解
2014/03/07 Javascript
javascript实现详细时间提醒信息效果的方法
2015/03/11 Javascript
JavaScript生成SQL查询表单的方法
2015/08/13 Javascript
javascript实现简单计算器效果【推荐】
2016/04/19 Javascript
js+html5实现canvas绘制椭圆形图案的方法
2016/05/21 Javascript
vue注册组件的几种方式总结
2018/03/08 Javascript
vue实现form表单与table表格的数据关联功能示例
2019/01/29 Javascript
JavaScript数组去重的方法总结【12种方法,号称史上最全】
2019/02/28 Javascript
详解如何使用router-link对象方式传递参数?
2019/05/02 Javascript
javascript中的闭包概念与用法实践分析
2019/07/26 Javascript
vue在响应头response中获取自定义headers操作
2020/07/24 Javascript
解决vue的router组件component在import时不能使用变量问题
2020/07/26 Javascript
关于better-scroll插件的无法滑动bug(2021通过插件解决)
2021/03/01 Javascript
详细解析Python中的变量的数据类型
2015/05/13 Python
浅谈Python2、Python3相对路径、绝对路径导入方法
2018/06/22 Python
django-xadmin根据当前登录用户动态设置表单字段默认值方式
2020/03/13 Python
学习python需要有编程基础吗
2020/06/02 Python
python 实现学生信息管理系统的示例
2020/11/28 Python
澳大利亚冒险体验:Adrenaline(跳伞、V8赛车、热气球等)
2017/09/18 全球购物
软件测试笔试题
2012/10/25 面试题
长青弘远的面试题
2012/06/09 面试题
幼儿园家长会邀请函
2014/01/15 职场文书
我的职业生涯规划:打造自己的运动帝国
2014/09/18 职场文书
Django项目如何获得SSL证书与配置HTTPS
2021/04/30 Python
Python中OpenCV实现简单车牌字符切割
2021/06/11 Python
PyMongo 查询数据的实现
2021/06/28 Python