浅析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+font字体文件实现圆形半透明菜单具体步骤(图解)
Jun 03 HTML / CSS
纯CSS3发光分享按钮的实现教程
Sep 06 HTML / CSS
纯css3实现走马灯效果
Dec 26 HTML / CSS
利用CSS3实现折角效果实例源码
Sep 28 HTML / CSS
CSS 3.0 结合video视频实现的创意开幕效果
Jun 01 HTML / CSS
html5使用Canvas绘图的使用方法
Nov 21 HTML / CSS
谷歌浏览器小字体处理方案即12px以下字体
Dec 17 HTML / CSS
HTML5 Video标签的属性、方法和事件汇总介绍
Apr 24 HTML / CSS
HTML5 Canvas基本线条绘制的实例教程
Mar 17 HTML / CSS
浅析HTML5中的 History 模式
Jun 22 HTML / CSS
使用canvas压缩图片上传的方法示例
Feb 07 HTML / CSS
sass 常用备忘案例详解
Sep 15 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中数值计算的注意事项
2016/08/14 PHP
基于thinkPHP实现的微信自定义分享功能示例
2016/09/23 PHP
php命令行写shell实例详解
2018/07/19 PHP
js 多浏览器分别判断代码
2010/04/01 Javascript
jquery中常用的函数和属性详细解析
2014/03/07 Javascript
Node.js巧妙实现Web应用代码热更新
2015/10/22 Javascript
AngularJS入门教程之模块化操作用法示例
2016/11/02 Javascript
jQuery元素选择器实例代码
2017/02/06 Javascript
ECMAScript6--解构
2017/03/30 Javascript
jQuery实现文章图片弹出放大效果
2017/04/06 jQuery
微信小程序开发之数据存储 参数传递 数据缓存
2017/04/13 Javascript
vue路由前进后退动画效果的实现代码
2018/12/10 Javascript
Python的装饰器模式与面向切面编程详解
2015/06/21 Python
python实现自动重启本程序的方法
2015/07/09 Python
详解Python中open()函数指定文件打开方式的用法
2016/06/04 Python
python 添加用户设置密码并发邮件给root用户
2016/07/25 Python
python 循环while和for in简单实例
2016/08/16 Python
python生成不重复随机数和对list乱序的解决方法
2018/04/09 Python
Redis使用watch完成秒杀抢购功能的代码
2018/05/07 Python
利用python对Excel中的特定数据提取并写入新表的方法
2018/06/14 Python
手写一个python迭代器过程详解
2019/08/27 Python
使用 tf.nn.dynamic_rnn 展开时间维度方式
2020/01/21 Python
将python文件打包exe独立运行程序方法详解
2020/02/12 Python
opencv+python实现均值滤波
2020/02/19 Python
解决导入django_filters不成功问题No module named 'django_filter'
2020/07/15 Python
解决阿里云邮件发送不能使用25端口问题
2020/08/07 Python
Python 必须了解的5种高级特征
2020/09/10 Python
基于CSS3特效之动画:animation的应用
2013/05/09 HTML / CSS
Urban Outfitters美国官网:美国生活方式品牌
2016/08/26 全球购物
小狗电器官方商城:中国高端吸尘器品牌
2017/03/29 全球购物
Zatchels官网:英国剑桥包品牌
2021/01/12 全球购物
J2EE的优越性主要表现在哪些方面
2016/03/28 面试题
优秀员工个人的自我评价
2013/11/29 职场文书
出国留学计划书
2014/04/27 职场文书
Mysql数据库值的添加、修改、删除及清空操作实例
2021/06/20 MySQL
python三子棋游戏
2022/05/04 Python