为了账号安全,请及时绑定邮箱和手机立即绑定

在IE中支持“border-radius”

/ 猿问

在IE中支持“border-radius”

万千封印 2019-10-12 17:07:19

在IE中支持“border-radius”

有谁知道Internet Explorer何时/何时支持“border-radius”CSS属性?


查看完整描述

3 回答

?
catspeake

是! 当IE9于2011年1月发布时。

假设你想要在所有四个方面均匀15px:

.myclass {
 border-style: solid;
 border-width: 2px;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;}

IE9将使用默认值border-radius,因此请确保在所有样式中包含调用边框半径的内容。然后您的网站将为IE9做好准备。

-moz-border-radius适用于Firefox,-webkit-border-radius适用于Safari和Chrome。

此外:不要忘记声明你的IE编码是ie9:

<meta http-equiv="X-UA-Compatible" content="IE=9" />

一些懒惰的开发者有<meta http-equiv="X-UA-Compatible" content="IE=7" />。如果该标记存在,则border-radius将永远不会在IE中工作。



查看完整回答
反对 回复 2019-10-13
?
慕田峪9158850

自一年前提出这个问题以来,这个问题的答案已经改变了。(这个问题目前是Google搜索“border-radius ie”的最佳结果之一。)

IE9将支持border-radius

有一个平台预览版提供哪些支持 border-radius。您将需要Windows Vista或Windows 7来运行预览(以及IE9发布时)。


查看完整回答
反对 回复 2019-10-13
?
慕前端131612

解决方法和方便的工具:

CSS3Pie使用.htc文件和behavior属性将CSS3实现到IE 6 - 8中。

Modernizr是一个javascript,可以将类放在你的html元素上,允许你根据不同的浏览器功能为不同的浏览器提供不同的样式定义。

显然,这些都增加了更多的开销,但由于IE9仅在Vista / 7上运行,我们可能会停留很长一段时间。截至2010年8月,Windows XP仍占Web客户端操作系统的48%。



查看完整回答
反对 回复 2019-10-13

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信