浅析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 相关文章推荐
8款使用 CSS3 实现超炫的 Loading(加载)的动画效果
Mar 17 HTML / CSS
CSS3田字格列表的样式编写方法
Nov 22 HTML / CSS
CSS3 filter(滤镜)实现网页灰色或者黑色模式的示例代码
Feb 24 HTML / CSS
html5 canvas 使用示例
Oct 22 HTML / CSS
html标签之Object和EMBED标签详解
Jul 04 HTML / CSS
HTML5的download属性详细介绍和使用实例
Apr 23 HTML / CSS
html5使用canvas绘制文字特效
Dec 15 HTML / CSS
canvas仿写贝塞尔曲线的示例代码
Dec 29 HTML / CSS
canvas绘制视频封面的方法
Feb 05 HTML / CSS
HTML5轻松实现全屏视频背景的示例
Apr 23 HTML / CSS
canvas进阶之如何画出平滑的曲线
Oct 15 HTML / CSS
CSS中妙用 drop-shadow 实现线条光影效果
Nov 11 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中显示格式化的用户输入
2006/10/09 PHP
php 保留小数点
2009/04/21 PHP
PHP中遍历stdclass object的实现代码
2011/06/09 PHP
smarty缓存用法分析
2014/12/16 PHP
javascript分页代码实例分享(js分页)
2013/12/13 Javascript
jQuery获取当前对象标签名称的方法
2014/02/07 Javascript
jQuery判断指定id的对象是否存在的方法
2015/05/22 Javascript
JavaScript之class继承_动力节点Java学院整理
2017/07/03 Javascript
深入讲解xhr(XMLHttpRequest)/jsonp请求之abort
2017/07/26 Javascript
理解nodejs的stream和pipe机制的原理和实现
2017/08/12 NodeJs
EasyUI框架 使用Ajax提交注册信息的实现代码
2017/09/27 Javascript
jquery一键控制checkbox全选、反选或全不选
2017/10/16 jQuery
Angular入口组件(entry component)与声明式组件的区别详解
2018/04/09 Javascript
Vue Router history模式的配置方法及其原理
2019/05/30 Javascript
jQuery+ajax实现批量删除功能完整示例
2019/06/06 jQuery
swiper实现导航滚动效果
2020/12/13 Javascript
[00:12]2018DOTA2亚洲邀请赛SOLO赛 MidOne是否中单第一人?
2018/04/05 DOTA
[01:02:09]Liquid vs TNC 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.21
2020/07/19 DOTA
python3实现暴力穷举博客园密码
2016/06/19 Python
Python网络爬虫出现乱码问题的解决方法
2017/01/05 Python
python下os模块强大的重命名方法renames详解
2017/03/07 Python
深入浅析Python的类
2018/06/22 Python
Python autoescape标签用法解析
2020/01/17 Python
用opencv给图片换背景色的示例代码
2020/07/08 Python
python如何随机生成高强度密码
2020/08/19 Python
菲律宾票务网站:StubHub菲律宾
2018/04/21 全球购物
介绍Java的内部类
2012/10/27 面试题
编写一个类体现构造,公有,私有方法,静态,私有变量
2013/08/10 面试题
酒店管理专业毕业生推荐信
2013/11/10 职场文书
弘扬雷锋精神活动演讲稿
2014/03/04 职场文书
触电现场处置方案
2014/05/14 职场文书
2014预备党员批评与自我批评思想汇报
2014/09/20 职场文书
2014年法院个人工作总结
2014/12/17 职场文书
解决vue $http的get和post请求跨域问题
2021/06/07 Vue.js
SQL 尚未定义空闲 CPU 条件 - OnIdle 作业计划将不起任何作用
2021/06/30 SQL Server
Hive常用日期格式转换语法
2022/06/25 数据库