浅析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中的content属性使用示例
Jul 20 HTML / CSS
css3 实现元素弧线运动的示例代码
Apr 24 HTML / CSS
html5使用html2canvas实现浏览器截图的示例
Aug 31 HTML / CSS
Html5之svg可缩放矢量图形_动力节点Java学院整理
Jul 17 HTML / CSS
几个解决兼容IE6\7\8不支持html5标签的几个方法
Jan 07 HTML / CSS
突袭HTML5之Javascript API扩展1—Web Worker异步执行及相关概述
Jan 31 HTML / CSS
HTML5拖拽文件到浏览器并实现文件上传下载功能代码
Jun 06 HTML / CSS
HTML5 Canvas旋转动画的2个代码例子(一个旋转的太极图效果)
Apr 10 HTML / CSS
canvas与html5实现视频截图功能示例
Dec 15 HTML / CSS
HTML5 Web缓存和运用程序缓存(cookie,session)
Jan 11 HTML / CSS
详解html2canvas截图不能截取圆角图片的解决方案
Jan 30 HTML / CSS
HTML5获取当前地理位置并在百度地图上展示的实例
Jul 10 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
ubuntu12.04使用c编写php扩展模块教程分享
2013/12/25 PHP
PHP中SSO Cookie登录分析和实现
2015/11/06 PHP
CI框架源码解读之URI.php中_fetch_uri_string()函数用法分析
2016/05/18 PHP
PHP使用mysql与mysqli连接Mysql数据库用法示例
2016/07/07 PHP
js实现上传图片之上传前预览图片
2013/03/25 Javascript
html文件中jquery与velocity变量中的$冲突的解决方法
2013/11/01 Javascript
自己动手实现jQuery Callbacks完整功能代码详解
2013/11/25 Javascript
javascript+html5实现绘制圆环的方法
2015/07/28 Javascript
js实现模拟银行卡账号输入显示效果
2015/11/18 Javascript
jQuery获取剪贴板内容的方法
2016/06/16 Javascript
jQuery如何获取动态添加的元素
2016/06/24 Javascript
微信小程序 navbar实例详解
2017/05/11 Javascript
vue实现分页组件
2020/06/16 Javascript
javascript json字符串到json对象转义问题
2019/01/22 Javascript
Vue-cli3生成的Vue项目加载Mxgraph方法示例
2020/05/31 Javascript
[38:42]完美世界DOTA2联赛循环赛 Matador vs Forest BO2第二场 11.05
2020/11/05 DOTA
Python os模块中的isfile()和isdir()函数均返回false问题解决方法
2015/02/04 Python
详解Django框架中的视图级缓存
2015/07/23 Python
Django接受前端数据的几种方法总结
2016/11/04 Python
Python查询IP地址归属完整代码
2017/06/21 Python
Python饼状图的绘制实例
2019/01/15 Python
打包python 加icon 去掉cmd黑窗口方法
2019/06/24 Python
python实现ftp文件传输功能
2020/03/20 Python
html5中如何将图片的绝对路径转换成文件对象
2018/01/11 HTML / CSS
澳洲女装时尚在线:Blue Bungalow
2018/05/05 全球购物
乌克兰机票、铁路和巴士票、酒店搜索、保险:Tickets.ua
2020/01/11 全球购物
人力资源专业推荐信
2013/11/29 职场文书
2014年预备党员学习两会心得体会
2014/03/17 职场文书
师德师风的心得体会
2014/09/02 职场文书
数学教师个人总结
2015/02/06 职场文书
社区植树节活动总结
2015/02/06 职场文书
音乐教师求职信范文
2015/03/20 职场文书
工资证明范本
2015/06/12 职场文书
2015年教师节感言
2015/08/03 职场文书
2015小学新教师个人工作总结
2015/10/14 职场文书
css display table 自适应高度、宽度问题的解决
2021/05/07 HTML / CSS