浅析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 实用技巧:实现黑白图像效果示例代码
Jul 11 HTML / CSS
详解CSS透明opacity和IE各版本透明度滤镜filter的最准确用法
Dec 20 HTML / CSS
基于CSS3的animation属性实现微信拍一拍动画效果
Jun 22 HTML / CSS
CSS3 rgb and rgba(透明色)的使用详解
Sep 25 HTML / CSS
HTML5 canvas实现雪花飘落特效
Mar 08 HTML / CSS
html5 分层屏幕适配的方法
Mar 16 HTML / CSS
利用HTML5+css3+jquery+weui实现仿微信聊天界面功能
Jan 08 HTML / CSS
HTML5 Canvas旋转动画的2个代码例子(一个旋转的太极图效果)
Apr 10 HTML / CSS
html5的canvas方法使用指南
Dec 15 HTML / CSS
canvas学习总结三之绘制路径-线段
Jan 31 HTML / CSS
解决html5中的video标签ios系统中无法播放使用的问题
Aug 10 HTML / CSS
CSS3实现三角形不断放大效果
Apr 13 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 mssql 日期出现中文字符的解决方法
2009/03/10 PHP
php strlen mb_strlen计算中英文混排字符串长度
2009/07/10 PHP
PHP 杂谈《重构-改善既有代码的设计》之五 简化函数调用
2012/05/07 PHP
PHP数字字符串左侧补0、字符串填充和自动补齐的几种方法
2014/05/10 PHP
PHP查看当前变量类型的方法
2015/07/31 PHP
PHP面向对象之事务脚本模式(详解)
2017/06/07 PHP
PHP文字转图片功能原理与实现方法分析
2017/08/31 PHP
php微信开发之关键词回复功能
2018/06/13 PHP
JavaScript和ActionScript的交互实现代码
2010/08/01 Javascript
JavaScript实现给定时间相加天数的方法
2016/01/25 Javascript
修复jQuery tablesorter无法正确排序的bug(加千分位数字后)
2016/03/30 Javascript
纯js实现的积木(div层)拖动功能示例
2017/07/19 Javascript
解决canvas画布使用fillRect()时高度出现双倍效果的问题
2017/08/03 Javascript
JavaScript模拟文件拖选框样式v1.0的实例
2017/08/04 Javascript
vue.js移动端app之上拉加载以及下拉刷新实战
2017/09/11 Javascript
Vue header组件开发详解
2018/01/26 Javascript
vue项目中使用百度地图的方法
2018/06/08 Javascript
使用Vuex解决Vue中的身份验证问题
2018/09/28 Javascript
微信小程序自定义导航栏
2018/12/31 Javascript
JS页面获取 session 值,作用域和闭包学习笔记
2019/10/16 Javascript
[44:21]Ti4 循环赛第四日 附加赛NEWBEE vs LGD
2014/07/13 DOTA
使用python搭建Django应用程序步骤及版本冲突问题解决
2013/11/19 Python
python简单线程和协程学习心得(分享)
2017/06/14 Python
python中利用Future对象回调别的函数示例代码
2017/09/07 Python
python实现树形打印目录结构
2018/03/29 Python
python def 定义函数,调用函数方式
2020/06/02 Python
Chupi官网:在爱尔兰手工制作的订婚、结婚戒指和精美珠宝
2020/09/28 全球购物
幼儿园小班教师寄语
2014/04/03 职场文书
市场营销专业应届生自荐信
2014/06/19 职场文书
医院领导班子四风问题对照检查材料
2014/10/26 职场文书
读书笔记格式
2015/07/02 职场文书
初中数学教学随笔
2015/08/15 职场文书
python 利用 PIL 将数组值转成图片的实现
2021/04/12 Python
go语言中fallthrough的用法说明
2021/05/06 Golang
Python万能模板案例之matplotlib绘制甘特图
2022/04/13 Python
Python sklearn分类决策树方法详解
2022/09/23 Python