编程 HTML / CSS

浅析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复制内容到剪贴板

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>border-radius兼容IE</title>
<style>
.d1{
width: 5em;
height:5em;
background: #e4393c;
/*防止浏览器版本过低*/
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
/*解决IE*/
behavior: url(ie-css3.htc);
}
</style>
</head>
<body>
<div class="d1"></div>
</body>
</html>

以上这篇浅析border-radius如何兼容IE就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

浅析border-radius如何兼容IE

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

HTML / CSS 相关文章推荐

详解纯CSS3制作的20种loading动效

Jul 05 HTML / CSS

css3 border-radius属性详解

Jul 05 HTML / CSS

使用CSS3制作一个简单的Chrome模拟器

Jul 15 HTML / CSS

用CSS3实现瀑布流布局的示例代码

Nov 10 HTML / CSS

浅谈CSS3中的变形功能-transform功能

Dec 27 HTML / CSS

css3弹性盒子flex实现三栏布局的实现

Nov 12 HTML / CSS

websocket+sockjs+stompjs详解及实例代码

Nov 30 HTML / CSS

HTML5 device access 设备访问详解

May 24 HTML / CSS

HTML5中的新元素介绍

Oct 17 HTML / CSS

HTML5中的autofocus（自动聚焦）属性介绍

Apr 23 HTML / CSS

canvas实现漂亮的下雨效果的示例

Apr 18 HTML / CSS

canvas 基础之图像处理的使用

Apr 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

php iconv() : Detected an illegal character in input string

2010/12/05 PHP

Ajax+PHP快速上手及简单应用说明

2013/07/24 PHP

php禁止浏览器使用缓存页面的方法

2014/11/07 PHP

简单通用的JS滑动门代码

2008/12/19 Javascript

javascript 日历提醒系统( 兼容所有浏览器 )

2009/04/07 Javascript

JavaScript 处理Iframe自适应高度(同或不同域名下)

2013/03/29 Javascript

jQuery实现类似淘宝网图片放大效果的方法

2015/07/08 Javascript

js正则表达式中exec用法实例

2015/07/23 Javascript

JavaScript截取指定长度字符串点击可以展开全部代码

2015/12/04 Javascript

jQuery实现微信长按识别二维码功能

2016/08/26 Javascript

jQuery操作DOM_动力节点Java学院整理

2017/07/04 jQuery

JS实现点击按钮可实现编辑功能

2018/07/03 Javascript

大转盘抽奖小程序版转盘抽奖网页版

2020/04/16 Javascript

使用layui监听器监听select下拉框,事件绑定不成功的解决方法

2019/09/28 Javascript

Vue点击切换Class变化,实现Active当前样式操作

2020/07/17 Javascript

Python的Flask框架应用调用Redis队列数据的方法

2016/06/06 Python

基于Python对象引用、可变性和垃圾回收详解

2017/08/21 Python

Python实现的自定义多线程多进程类示例

2018/03/23 Python

python 构造三维全零数组的方法

2018/11/12 Python

python解析含有重复key的json方法

2019/01/22 Python

Python numpy线性代数用法实例解析

2019/11/15 Python

python中文分词库jieba使用方法详解

2020/02/11 Python

Python 之 Json序列化嵌套类方式

2020/02/27 Python

ipython jupyter notebook中显示图像和数学公式实例

2020/04/15 Python

Python 字典中的所有方法及用法

2020/06/10 Python

Tiqets英国：智能手机上的文化和娱乐门票

2019/07/10 全球购物

托管代码(Managed Code)和非托管代码(Unmanaged Code)有什么区别

2014/09/29 面试题

精彩的大学生自我评价

2013/11/17 职场文书

应届电子商务毕业自荐书范文

2014/02/11 职场文书

班级口号大全

2014/06/09 职场文书

关于清明节的演讲稿

2014/09/13 职场文书

党员四风自我剖析材料思想汇报

2014/09/13 职场文书

预备党员对照检查材料思想汇报

2014/09/24 职场文书

2016年教师节慰问信

2015/12/01 职场文书

MySQL之高可用集群部署及故障切换实现

2021/04/22 MySQL

Mysql索引失效数据库表中有索引还是查询很慢

2022/05/15 MySQL