IE浏览器中的边界半径CSS

时间:2011-09-08 13:16:30

标签: html css

我有一个带边框半径的div,我为所有浏览器编写CSS代码:

border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;

但在IE中它不起作用! 我该怎么办?

4 个答案:

答案 0 :(得分:2)

在版本9之前,边界半径在IE中不起作用。

请参阅:Support for "border-radius" in IE

对于该答案以及Google上的替代方案,有一些建议。

可能需要将图片用于圆角。您可能能够使用基于JavaScript的圆角重新创建。

答案 1 :(得分:1)

如果您使用的是IE8或更早版本,则必须使用图片或某种javascript插件。如果您使用的是IE9或更新版本,那么该代码可以正常运行。

以下是一些可以解决您问题的jQuery插件:http://plugins.jquery.com/plugin-tags/border-radius

答案 2 :(得分:1)

我认为将PIE.htc用于所有css3样式会更好。我在很多项目中都使用过它,在IE7 / 8/9中工作正常。

这是链接。 http://css3pie.com/这将为您提供各种演示,这非常有用。 感谢。

答案 3 :(得分:0)

Nifty Corners也适用于IE8。

以下是一个示例:http://jsfiddle.net/jCm7T/1/