IE9 border-radius速记不受支持?

时间:2011-03-16 04:56:24

标签: css internet-explorer-9 css3

我过去曾做过一些具有border-radius属性的东西:

border-radius: 7px;

这在IE9中不起作用。我以为IE9应该支持border-radius?如果您需要示例,请参阅this site。页面右侧的所有框都应有一个弯曲的边框。它适用于Chrome和Firefox ......

另一个恼人的,无关的说明,我今天发现IE9不支持:last-child伪类。到目前为止令人难以置信的失望......

8 个答案:

答案 0 :(得分:15)

你有没有把它包括在内:

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

请参阅this thread

答案 1 :(得分:10)

是的答案是正确的,但作为相关的附注,IE9目前不支持与渐变滤镜一起使用的边框半径。

花了一个小时试图完成这项工作,然后又费心去寻找类似的问题。

// This is the filter code for a gradient in IE (6-9) along with a border radius
//THIS DOES NOT WORK
//You have to use one or the other, you could use javascript for rounded corners and then use the gradient if you wish    

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcdd68', endColorstr='#355e0b',GradientType=0 ); /* IE6-9 */

/*border radius*/
 -khtml-border-radius:5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

答案 2 :(得分:2)

IE9 支持边框半径,甚至是速记。我不确定为什么它在您的网站上不起作用,但它受到支持。

(见http://jsfiddle.net/wJd2h/提供证明)

IE9还支持:last-child。

也许您使用的是旧版HTML文档?

编辑:我看了你的来源。更改 <meta http-equiv="X-UA-Compatible" content="IE=8" /><meta http-equiv="X-UA-Compatible" content="IE=9" />

答案 3 :(得分:2)

更好......

<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

这取自优秀的HTML5重置模板

答案 4 :(得分:2)

IE9确实支持浏览器半径,但如果您正在使用本地站点或本地文件,则应确保 Broser模式 文档模式 是对的。检查它是否达到F12然后检查de值(请参见图片)。 例如,如果 文档模式 设置在 Quirks模式 (这是默认设置),并且您未指定在html文档上的文档模式,IE9可能会将此文档解释为IE7文档,因此半径不起作用。但是,如果您将 文档模式 设置为 IE9标准 ,您将在输入中看到相当半径。

请查看http://moodle.org/pluginfile.php/115/mod_forum/post/843271/IE9-F12.jpg

中的图片

我希望这可以帮助你获得半径。 :)

这篇文章这么长。

答案 5 :(得分:1)

我不是专家,但我什么时候使用

<meta http-equiv="X-UX-Compatible" content="IE=edge,chrome=1"> or even
<meta http-equiv="X-UA-Compatible" content="IE=9" />

W3C验证

Dreamweaver CS5.5中的检查器将其踢回来,说明以下内容

“错误值X-UA-兼容元素元素属性http-equiv。[HTML5]”

答案 6 :(得分:1)

如果您在Mac上使用VMWare Fusion,则可能是VM的问题。见IE9 Rendering elements with opacity, border-radius or cufon

答案 7 :(得分:0)

好吧,我搜索谷歌并找到了这个。实际上,您不需要对代码执行任何操作,请检查IE9中是否启用了“兼容性视图”。

相关问题