编程 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 相关文章推荐

分享30个新鲜的CSS3打造的精美绚丽效果(附演示下载)

Dec 28 HTML / CSS

Css3圆角边框制作代码

Nov 18 HTML / CSS

深入研究HTML5实现图片压缩上传功能

Mar 25 HTML / CSS

使用HTML5 IndexDB存储图像和文件的示例

Nov 05 HTML / CSS

HTML5 Canvas渐进填充与透明实现图像的Mask效果

Jul 11 HTML / CSS

详解html5页面 rem 布局适配方法

Jan 12 HTML / CSS

canvas简易绘图的实现（海绵宝宝篇）

Jul 04 HTML / CSS

htnl5利用svg页面高斯模糊的方法

Jul 20 HTML / CSS

canvas像素点操作之视频绿幕抠图

Sep 11 HTML / CSS

css实现左上角飘带效果的完整代码

Mar 18 HTML / CSS

解决flex布局中子项目尺寸不受flex-shrink限制

May 11 HTML / CSS

CSS 左边固定宽右边自适应的6种方法

May 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

探讨PHP调用时间格式的参数详解

2013/06/06 PHP

php addslashes 利用递归实现使用反斜线引用字符串

2013/08/05 PHP

PHP生成短网址的3种方法代码实例

2014/07/08 PHP

PHP实现根据银行卡号判断银行

2015/04/29 PHP

PHP安装memcached扩展笔记

2015/05/28 PHP

document.designMode的功能与使用方法介绍

2007/11/22 Javascript

xss文件页面内容读取(解决)

2010/11/28 Javascript

JavaScript(js)设置默认输入焦点(focus)

2012/12/28 Javascript

javascript打印大全(打印页面设置/打印预览代码)

2013/03/29 Javascript

JS简单实现文件上传实例代码（无需插件）

2013/11/15 Javascript

JavaScript不刷新实现浏览器的前进后退功能

2014/11/05 Javascript

手机Web APP如何实现分享多平台功能

2016/08/19 Javascript

JQuery validate 验证一个单独的表单元素实例

2017/02/17 Javascript

JS原生轮播图的简单实现(推荐)

2017/07/22 Javascript

详解微信小程序实现跑马灯效果（附完整代码）

2019/04/29 Javascript

ES6常用小技巧总结【去重、交换、合并、反转、迭代、计算等】

2019/12/21 Javascript

[03:54]Ehome出征西雅图回顾2016国际邀请赛晋级之路

2016/08/02 DOTA

python 解析html之BeautifulSoup

2009/07/07 Python

Python3解决棋盘覆盖问题的方法示例

2017/12/07 Python

Python实现的redis分布式锁功能示例

2018/05/29 Python

Python实现将多个空格换为一个空格.md的方法

2018/12/20 Python

Python 利用pydub库操作音频文件的方法

2019/01/09 Python

Django的Modelforms用法简介

2019/07/27 Python

基于Tensorflow使用CPU而不用GPU问题的解决

2020/02/07 Python

Python xlwt模块使用代码实例

2020/06/10 Python

如何向scrapy中的spider传递参数的几种方法

2020/11/18 Python

Python离线安装各种库及pip的方法

2020/11/28 Python

简单几步用纯CSS3实现3D翻转效果

2019/01/17 HTML / CSS

腾讯公司的一个sql题

2013/01/22 面试题

《木笛》教学反思

2014/03/01 职场文书

教师中国梦演讲稿

2014/04/23 职场文书

党员承诺书怎么写

2014/05/20 职场文书

2014乡镇干部纪律作风整顿思想汇报

2014/09/13 职场文书

2015年元旦联欢晚会活动总结

2014/11/28 职场文书

罚款通知怎么写

2015/04/22 职场文书

功夫熊猫观后感

2015/06/10 职场文书