我有一个带边框半径的div,我为所有浏览器编写CSS代码:
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
但在IE中它不起作用! 我该怎么办?
答案 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/