我过去曾做过一些具有border-radius属性的东西:
border-radius: 7px;
这在IE9中不起作用。我以为IE9应该支持border-radius?如果您需要示例,请参阅this site。页面右侧的所有框都应有一个弯曲的边框。它适用于Chrome和Firefox ......
另一个恼人的,无关的说明,我今天发现IE9不支持:last-child伪类。到目前为止令人难以置信的失望......
答案 0 :(得分:15)
答案 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)