Internet explorer 9 不支持IE9边界半径速记？

我在过去制作了一些具有边界半径属性的东西，如下所示：

border-radius: 7px;

这在IE9中不起作用。我以为IE9应该支持边界半径？如果需要示例，请参阅。页面右侧的所有框都应有弯曲的边框。它适用于Chrome和Firefox

---

另一个恼人的、无关的注意事项是，我今天发现IE9不支持：last child伪类。到目前为止，这真是令人难以置信的失望…

您是否包括以下内容：

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

请参阅。

IE9支持边界半径，甚至速记。我不知道为什么它在你的网站上不起作用，但它是受支持的

（请参阅以获取证据）

IE9还支持：最后一个孩子

可能您使用的是旧的HTML doctype

编辑：我看了你的资料来源。改变

到

---

好的，我在谷歌搜索找到了这个。事实上，您不需要对代码执行任何操作，请检查IE9中是否打开了“兼容性视图”。

更好

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

---

这是从卓越的HTML5重置模板中获取的

是正确的答案，但是作为相关的补充说明，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;

---

我不是专家，但当我使用

<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中的checker将其回击，说明如下

---

“元素meta.[HTML5]上属性http equiv的错误值X-UA-兼容”

IE9确实支持浏览器半径，但如果您在本地站点或本地文件上工作，则应确保Broser模式和文档模式是正确的。要检查它，请点击F12，然后检查de值（请参见图片）。 例如，如果文档模式设置为怪癖模式（默认设置），并且您没有在html文档上指定文档模式，IE9可能会将此文档解释为IE7文档，因此radius不起作用。但是如果您将文档模式设置为IE9标准，您将在输入上看到一个相当大的半径

请看这张照片

我希望这能在半径方面帮助您。：）

---

请看这篇文章。

如果您在Mac上使用VMWare Fusion，这可能是VM的问题。看

哇，我都没想到。我再也不能访问我链接的那个网站了，但我明天会在我目前正在做的一个项目上尝试这个。随着IE9的发布，这个标签还有必要吗？谢谢你的建议。我当然希望是这样。明天我将试用meta标签。如果这是关于第一个孩子的唯一问题的话，那肯定是件好事……你是对的。它不起作用的原因是因为我有一个针对IE8的标签。完全删除它会使它工作（同时保留我的标签，但将目标更改为IE9）这个答案可能非常接近事实，但不准确。怪癖模式不是默认模式，除非页面写得不好。您可能指的实际默认模式是IE7兼容模式，它在某些机器上设置为“本地intranet”（包括localhost）中站点的默认模式。这确实会打破边界半径（和许多其他东西），但它与怪癖模式非常不同。。