用过border-radius的人都应该知道,这个属性的兼容性,如果你不知道,也没关系,看看下面的图就知道了。
实现兼容性非常简单,在meta里加下面这段代码就支持了。
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
原理:在用ie浏览时,使用chrome内核,如果没有安装chrome,则使用支持的最高版本的ie内核,所以 看起来好像是支持圆角了,其实是假装的……
如果,你的电脑只有ie6,ie7,ie8,还有一种办法,就是使用待圆角图片做背景(这个就不做详细介绍了)。
eg:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <title>test圆角</title> </head> <body> <div style="border-radius:10px; width:200px; height:200px; background:#888;"> </div> </body> </html>
相关推荐
引入PIE.htc使ie7,ie8 支持css3 border-radius圆角效果
让IE实现CSS3中的border-radius(圆角)
让IE6也识别CSS3-圆角效果应用border-radius
css3的 border-radius 为了兼容ie8浏览器所用到的插件以及实例。为什么要50个字节啊,竟然不能设置成免费。。
根据canisue(http://caniuse.com/#search=border-radius),border-radius兼容性如下图所示: 测试代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta ...
可以实现IE9以下版本CSS圆角效果与图片显示投影等功能。
border-radius如何兼容IE呢?下面小编就为大家介绍一下border-radius兼容IE的方法。一起跟随小编过来看看吧,祝大家游戏愉快哦
IE系列浏览器不支持CSS的圆角(border-radius)等CSS3属性,如何解决这个问题呢?百度了一下,发现有个开源的插件可以解决此问题
-moz-border-radius:moz这个属性 主要是专门支持Mozilla Firefox 火狐浏览器的CSS属性。 在这两个属性有值的时候,去掉哪个属性,对用他们做内核的浏览器就有影响,如果没值的话,就没影响,这两个属性和,IE,和...
.websjy div{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;} .websjy1{-moz-border-radius:5px 20px 3px 10px;-webkit-border-radius:5px 20px 3px 10px;border-radius:5px 20px 3px 10px;}...
NULL 博文链接:https://jm1999.iteye.com/blog/2218022
本文介绍CSS 3部分新属性基础,包括RGBa、text-shadow、box-shadow、border-radius。这些属性通常用来增强网页布局和美誉度。(译者注:在支持CSS3的浏览器如Firefox、Safari、IE9等可点击图片查看演示。)
让IE 6,7,8支持CSS3的部分属性。它可以让低版本IE浏览器支持CSS3的border-radius、box-shadow、border-image、CSS3 Backgrounds (-pie-background)、Gradients、RGBA属性。
让ie6 /7支持css3 如border-radius等特性的插件
我们都知道,IE 6,7不支持新增加的CSS3属性,甚至与IE8是CSS3还没有完全准备好。你知道吗,今天给大家分享一个脚本工具,可以帮助您启用CSS3的支持IE浏览器(IE6)与新的CSS3属性,包括:border-radius属性,box-...
复制代码代码如下: .box { -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /* Safari and Chrome */ border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet ...
让 IE6, 7和 8支持CSS3 IE6,7并不支持CSS3的属性,IE8也不能很好的支持CSS3。但是有一个小脚本能够做到,它可以让IE支持CSS3,包括:border-radius (rounded), box-shadow ( shadow), text-shadow等…… 如果你...