浅析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复制内容到剪贴板
  1. <!DOCTYPE html>  
  2. <html lang="en">  
  3. <head>  
  4.     <meta charset="UTF-8">  
  5.     <title>border-radius兼容IE</title>  
  6.     <style>  
  7.         .d1{   
  8.             width: 5em;   
  9.             height:5em;   
  10.             background: #e4393c;   
  11.             /*防止浏览器版本过低*/   
  12.             -moz-border-radius: 50%;   
  13.             -webkit-border-radius: 50%;   
  14.             border-radius: 50%;   
  15.             /*解决IE*/   
  16.             behavior: url(ie-css3.htc);   
  17.         }   
  18.     </style>  
  19. </head>  
  20. <body>  
  21.     <div class="d1"></div>  
  22. </body>  
  23. </html>  

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

HTML / CSS 相关文章推荐
CSS3——齿轮转动关键代码
May 02 HTML / CSS
纯css3实现鼠标经过图片显示描述的动画效果
Sep 01 HTML / CSS
css3中背景尺寸background-size详解
Sep 02 HTML / CSS
一款简洁的纯css3代码实现的动画导航
Oct 31 HTML / CSS
CSS3 animation实现逐帧动画效果
Jun 02 HTML / CSS
CSS 3.0 结合video视频实现的创意开幕效果
Jun 01 HTML / CSS
css3实现文字首尾衔接跑马灯的示例代码
Oct 16 HTML / CSS
CSS3 实现弹跳的小球动画
Oct 26 HTML / CSS
详解HTML5表单新增属性
Dec 21 HTML / CSS
Html5之svg可缩放矢量图形_动力节点Java学院整理
Jul 17 HTML / CSS
html5使用canvas绘制文字特效
Dec 15 HTML / CSS
AmazeUI底部导航栏与分享按钮的示例代码
Aug 18 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 addslashes和mysql_real_escape_string
2010/01/24 PHP
关于JavaScript与HTML的交互事件
2013/04/12 Javascript
解析javascript 数组以及json元素的添加删除
2013/06/26 Javascript
使用JavaScript实现Java的List功能(实例讲解)
2013/11/07 Javascript
Javascript字符串拼接小技巧(推荐)
2016/06/02 Javascript
微信小程序 定义全局数据、函数复用、模版等详细介绍
2016/10/27 Javascript
Vue.JS入门教程之列表渲染
2016/12/01 Javascript
快速解决vue动态绑定多个class的官方实例语法无效的问题
2018/09/05 Javascript
layui select 禁止点击的实现方法
2019/09/05 Javascript
jquery实现进度条状态展示
2020/03/26 jQuery
vue3+typescript实现图片懒加载插件
2020/10/26 Javascript
[01:02:17]2014 DOTA2华西杯精英邀请赛 5 24 DK VS VG
2014/05/26 DOTA
[05:04]DOTA2上海特级锦标赛主赛事第二日TOP10
2016/03/04 DOTA
在Linux系统上安装Python的Scrapy框架的教程
2015/06/11 Python
Django开发的简易留言板案例详解
2018/12/04 Python
Python实现合并两个有序链表的方法示例
2019/01/31 Python
python实现AES加密与解密
2019/03/28 Python
python使用opencv在Windows下调用摄像头实现解析
2019/11/26 Python
使用python-pptx包批量修改ppt格式的实现
2020/02/14 Python
Python Charles抓包配置实现流程图解
2020/09/29 Python
python基于opencv 实现图像时钟
2021/01/04 Python
Jupyter Notebook 远程访问配置详解
2021/01/11 Python
浅析border-radius如何兼容IE
2016/04/19 HTML / CSS
手摸手教你用canvas实现给图片添加平铺水印的实现
2019/08/20 HTML / CSS
美国咖啡批发网站:Coffee.org
2017/06/29 全球购物
软件配置管理有什么好处
2015/04/15 面试题
岗位职责定义及内容
2013/11/08 职场文书
护士的岗位职责
2013/12/04 职场文书
法律六进活动方案
2014/03/13 职场文书
远程网络教育毕业生自我鉴定
2014/04/14 职场文书
《青海高原一株柳》教学反思
2014/04/25 职场文书
2014年反腐倡廉工作总结
2014/12/05 职场文书
毕业生个人总结
2015/02/28 职场文书
上下班时间调整通知
2015/04/23 职场文书
教师节校长致辞
2015/07/31 职场文书
浅谈音视频 pts dts基本概念及理解
2022/08/05 数码科技