编程 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垂直手风琴菜单

Jun 28 HTML / CSS

用CSS3实现Win8风格的方格导航菜单效果

Apr 10 HTML / CSS

使用CSS3实现一个3D相册效果实例

Dec 03 HTML / CSS

CSS3 实现童年的纸飞机

May 05 HTML / CSS

基于HTML5 Canvas 实现弹出框效果

Jun 05 HTML / CSS

详解Html5中video标签那些属性和方法

Jul 01 HTML / CSS

Html5实现如何在两个div元素之间拖放图像

Mar 29 HTML / CSS

详解通过HTML5 Canvas实现图片的平移及旋转变化的方法

Mar 22 HTML / CSS

HTML5标签嵌套规则详解【必看】

Apr 26 HTML / CSS

html5 postMessage解决跨域、跨窗口消息传递方案

Dec 20 HTML / CSS

canvas进阶之贝塞尔公式推导与物体跟随复杂曲线的轨迹运动

Jan 10 HTML / CSS

HTML5仿微信聊天界面、微信朋友圈实例代码

Jan 29 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

Laravel中log无法写入问题的解决

2017/06/17 PHP

详解PHP版本兼容之openssl调用参数

2018/07/25 PHP

jquery formValidator插件ajax验证内容不做任何修改再离开提示错误的bug解决方法

2013/01/04 Javascript

Jquery 改变radio/checkbox选中状态,获取选中的值(示例代码)

2013/12/12 Javascript

js调用浏览器打印模块实现点击按钮触发自定义函数

2014/03/21 Javascript

js脚本实现数据去重

2014/11/27 Javascript

使用JavaScript获取地址栏参数的方法

2014/12/19 Javascript

JavaScript中的类与实例实现方法

2015/01/23 Javascript

AngularJS 依赖注入详解和简单实例

2016/07/28 Javascript

原生js编写焦点图效果

2016/12/08 Javascript

Node.js利用Net模块实现多人命令行聊天室的方法

2016/12/23 Javascript

js实现前端分页页码管理

2017/01/06 Javascript

AngularJS中$injector、$rootScope和$scope的概念和关联关系深入分析

2017/01/19 Javascript

Vue computed计算属性的使用方法

2017/07/14 Javascript

Vue表情输入组件微信face表情组件

2019/02/11 Javascript

layui 实现table翻页滚动条位置保持不变的例子

2019/09/05 Javascript

详解Vue后台管理系统开发日常总结(组件PageHeader)

2019/11/01 Javascript

vue之延时刷新实例

2019/11/14 Javascript

如何在Express4.x中愉快地使用async的方法

2020/11/18 Javascript

vue脚手架项目创建步骤详解

2021/03/02 Vue.js

给Python的Django框架下搭建的BLOG添加RSS功能的教程

2015/04/08 Python

python list排序的两种方法及实例讲解

2017/03/20 Python

Python使用itchat 功能分析微信好友性别和位置

2019/08/05 Python

python print 格式化输出,动态指定长度的实现

2020/04/12 Python

python3 中使用urllib问题以及urllib详解

2020/08/03 Python

Python3使用tesserocr识别字母数字验证码的实现

2021/01/29 Python

Python Asyncio模块实现的生产消费者模型的方法

2021/03/01 Python

英国Office鞋店德国网站：在线购买鞋子、靴子和运动鞋

2018/12/19 全球购物

中东地区最大的奢侈品市场：The Luxury Closet

2019/04/09 全球购物

台湾专柜女包：KINAZ

2019/12/26 全球购物

入党积极分子思想汇报范文

2014/01/05 职场文书

经典禁毒标语

2014/06/16 职场文书

房地产资料员岗位职责

2014/07/02 职场文书

计划生育证明格式及范本

2014/10/09 职场文书

新郎父亲婚礼致辞

2015/07/27 职场文书

HttpClient实现文件上传功能

2022/08/14 Java/Android