编程 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用@font-face实现自定义英文字体

Sep 23 HTML / CSS

CSS3实现鼠标悬停显示扩展内容

Aug 24 HTML / CSS

CSS3实现各种图形的示例代码

Oct 19 HTML / CSS

详解Sticky Footer 绝对底部的两种套路

Nov 03 HTML / CSS

详解HTML5中的标签

Jun 19 HTML / CSS

html5文字阴影效果text-shadow使用示例

Jul 25 HTML / CSS

用html5的canvas画布绘制贝塞尔曲线完整代码

Aug 14 HTML / CSS

使用phonegap创建联系人的实现方法

Mar 30 HTML / CSS

canvas小画板之平滑曲线的实现

Aug 12 HTML / CSS

移动端HTML5开发神器之vconsole详解

Dec 15 HTML / CSS

关于HTML编码导致的乱码问题

Sep 04 HTML / CSS

CSS中使用grid布局实现一套模板多种布局

Jul 15 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

ubuntu 编译安装php 5.3.3+memcache的方法

2010/08/05 PHP

PHP Session_Regenerate_ID函数双释放内存破坏漏洞

2011/01/27 PHP

php实现的click captcha点击验证码类实例

2014/09/23 PHP

php防止恶意刷新与刷票的方法

2014/11/21 PHP

PHP实现实时生成并下载超大数据量的EXCEL文件详解

2017/10/23 PHP

javascript操作数组详解

2014/12/17 Javascript

JavaScript数组常用方法

2015/03/02 Javascript

jQuery删除一个元素后淡出效果展示删除过程的方法

2015/03/18 Javascript

微信小程序教程之WXML

2016/10/18 Javascript

HTML5+Canvas调用手机拍照功能实现图片上传（上）

2017/04/21 Javascript

Angularjs 1.3 中的$parse实例代码

2017/09/14 Javascript

vue 数组和对象不能直接赋值情况和解决方法(推荐)

2017/10/25 Javascript

vue获取元素宽、高、距离左边距离,右,上距离等还有XY坐标轴的方法

2018/09/05 Javascript

详解如何在Node.js的httpServer中接收前端发送的arraybuffer数据

2018/11/11 Javascript

傻瓜式vuex语法糖kiss-vuex整理

2018/12/21 Javascript

JS document form表单元素操作完整示例

2020/01/13 Javascript

使用vue cli4.x搭建vue项目的过程详解

2020/05/08 Javascript

js禁止查看源文件屏蔽Ctrl+u/s、F12、右键等兼容IE火狐chrome

2020/10/01 Javascript

tornado 多进程模式解析

2018/01/15 Python

基于python OpenCV实现动态人脸检测

2018/05/25 Python

Python延时操作实现方法示例

2018/08/14 Python

Python合并2个字典成1个新字典的方法(9种)

2019/12/19 Python

利用Python代码实现一键抠背景功能

2019/12/29 Python

python中wheel的用法整理

2020/06/15 Python

Python编写memcached启动脚本代码实例

2020/08/14 Python

HTML5 贪吃蛇游戏实现思路及源代码

2013/09/03 HTML / CSS

阿迪达斯丹麦官网：adidas丹麦

2016/10/01 全球购物

加拿大奢华时装品牌：Mackage

2018/01/10 全球购物

戴森英国官网：Dyson英国

2019/05/07 全球购物

查环查孕证明

2014/01/10 职场文书

商务英语专业求职信

2014/06/26 职场文书

工作态度不好检讨书

2015/05/06 职场文书

工程合作意向书范本

2015/05/09 职场文书

SQL Server作业失败：无法确定所有者是否有服务器访问权限的解决方法

2021/06/30 SQL Server

Vue监视数据的原理详解

2022/02/24 Vue.js

python中 Flask Web 表单的使用方法

2022/05/20 Python