浅析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 实现元素弧线运动的示例代码
Apr 24 HTML / CSS
CSS3实现红包抖动效果
Dec 23 HTML / CSS
教你如何一步一步用Canvas写一个贪吃蛇
Oct 22 HTML / CSS
html5新特性与用法大全
Sep 13 HTML / CSS
html5 学习简单的拾色器
Sep 03 HTML / CSS
HTML5之SVG 2D入门13—svg对决canvas及长处和适用场景分析
Jan 30 HTML / CSS
html5与css3小应用
Apr 03 HTML / CSS
程序设计HTML5 Canvas API
Apr 08 HTML / CSS
HTML5 的新的表单元素(datalist/keygen/output)使用介绍
Jul 19 HTML / CSS
HTML5事件方法全部汇总
May 12 HTML / CSS
处理HTML5新标签的浏览器兼容版问题
Mar 13 HTML / CSS
canvas进阶之如何画出平滑的曲线
Oct 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
2.PHP入门
2006/10/09 PHP
php 攻击方法之谈php+mysql注射语句构造
2009/10/30 PHP
支持中文的php加密解密类代码
2011/11/27 PHP
PHP闭包(Closure)使用详解
2013/05/02 PHP
php小技巧之过滤ascii控制字符
2014/05/14 PHP
PHP延迟静态绑定的深入讲解
2018/04/02 PHP
php写入文件不覆盖的实例讲解
2019/09/17 PHP
使用javascript访问XML数据的实例
2006/12/27 Javascript
表单JS弹出填写提示效果代码
2011/04/16 Javascript
jQuery在IE下使用未闭合的xml代码创建元素时的Bug介绍
2012/01/10 Javascript
javascript+HTML5的Canvas实现Lab单车动画效果
2015/08/07 Javascript
详解AngularJS实现表单验证
2015/12/10 Javascript
jQuery禁用键盘后退屏蔽F5刷新及禁用右键单击
2016/01/22 Javascript
JS创建对象几种不同方法详解
2016/03/01 Javascript
Bootstrap modal 多弹窗之叠加关闭阴影遮罩问题的解决方法
2017/02/27 Javascript
JavaScrpt判断一个数是否是质数的实例代码
2017/06/11 Javascript
详解vue slot插槽的使用方法
2017/06/13 Javascript
js中apply与call简单用法详解
2017/11/06 Javascript
jQuery幻灯片插件owlcarousel参数说明中文文档
2018/02/27 jQuery
Webpack的dll功能使用
2018/06/28 Javascript
[31:47]夜魇凡尔赛茶话会 第三期01:选手知多少
2021/03/11 DOTA
Django开发的简易留言板案例详解
2018/12/04 Python
python提取包含关键字的整行数据方法
2018/12/11 Python
连接pandas以及数组转pandas的方法
2019/06/28 Python
CentOS7下安装python3.6.8的教程详解
2020/01/03 Python
重写django的model下的objects模型管理器方式
2020/05/15 Python
爱尔兰灯和灯具网上商店:Lights.ie
2018/03/26 全球购物
一些高难度的SQL面试题
2016/11/29 面试题
大学生自我鉴定
2013/12/16 职场文书
党员公开承诺事项
2014/03/25 职场文书
工程售后服务承诺书
2014/05/21 职场文书
开天辟地观后感
2015/06/09 职场文书
休学证明范本
2015/06/19 职场文书
python3美化表格数据输出结果的实现代码
2021/04/14 Python
Golang bufio详细讲解
2022/04/21 Golang
使用Cargo工具高效创建Rust项目
2022/08/14 Javascript