编程 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 用border写空心三角箭头 (两种写法)

Sep 29 HTML / CSS

css3+jq创作含苞待放的荷花

Feb 20 HTML / CSS

使用before和:after伪类制作css3圆形按钮

Apr 08 HTML / CSS

一款纯css3实现的圆形旋转分享按钮旋转角度可自己调整

Sep 02 HTML / CSS

纯css3实现走马灯效果

Dec 26 HTML / CSS

css sprite简单实例

May 23 HTML / CSS

HTML5 语音搜索(淘宝店语音搜素)

Jan 03 HTML / CSS

如何让IE9以下版本(ie6/7/8)认识html5元素

Apr 01 HTML / CSS

HTML5计时器小例子

Oct 15 HTML / CSS

HTML5 解决苹果手机不能自动播放音乐问题

Dec 27 HTML / CSS

HTML5高仿微信聊天、微信聊天表情|对话框|编辑器功能

Apr 23 HTML / CSS

CSS巧用渐变实现高级感背景光动画

Dec 06 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

建立动态的WML站点(一)

2006/10/09 PHP

php is_file 判断给定文件名是否为一个正常的文件

2010/05/10 PHP

php Notice: Undefined index 错误提示解决方法

2010/08/29 PHP

深入PHP FTP类的详解

2013/06/13 PHP

PHP通过内置函数memory_get_usage()获取内存使用情况

2014/11/20 PHP

详解HTTP Cookie状态管理机制

2016/01/14 PHP

php计算给定日期所在周的开始日期和结束日期示例

2017/02/06 PHP

js 点击按钮弹出另一页，选择值后，返回到当前页

2010/05/26 Javascript

js获取URL的参数的方法(getQueryString)示例

2013/09/29 Javascript

jQuery中:input选择器用法实例

2015/01/03 Javascript

js使用心得分享

2015/01/13 Javascript

jQuery增加和删除表格项目及实现表格项目排序的方法

2016/05/30 Javascript

12 款 JS 代码测试必备工具(翻译)

2016/12/13 Javascript

JavaScript组件开发之输入框加候选框

2017/03/10 Javascript

微信小程序自定义键盘内部虚拟支付

2018/12/20 Javascript

微信小程序实现签字功能

2019/12/23 Javascript

Vue过渡效果之CSS过渡详解(结合transition,animation,animate.css)

2020/02/05 Javascript

微信小程序吸底区域适配iPhoneX的实现

2020/04/09 Javascript

vue3.0 加载json的方法（非ajax）

2020/10/26 Javascript

vue的$http的get请求要加上params操作

2020/11/12 Javascript

python 实现判断ip连通性的方法总结

2018/04/22 Python

使用Python批量修改文件名的代码实例

2019/01/24 Python

Python学习笔记之For循环用法详解

2019/08/14 Python

在django中form的label和verbose name的区别说明

2020/05/20 Python

CSS3实现文字描边的2种方法(小结)

2020/02/14 HTML / CSS

印度尼西亚手表和包包商店：Urban Icon

2019/12/12 全球购物

将＂引用＂作为函数参数有哪些特点

2013/04/05 面试题

优秀团员个人的自我评价

2013/10/02 职场文书

个人借款担保书

2014/04/02 职场文书

居委会四风问题个人对照检查材料

2014/09/25 职场文书

审计局班子四风对照检查材料思想汇报

2014/10/07 职场文书

拾金不昧表扬稿

2015/01/16 职场文书

乡镇党建工作总结2015

2015/05/19 职场文书

读书笔记格式

2015/07/02 职场文书

2016春节放假通知范文

2015/08/18 职场文书

redis数据一致性的实现示例

2022/03/18 Redis