Internet Explorer 9 和边界半径 [重复]答案

【问题标题】：Internet explorer 9 and border-radius [duplicate]Internet Explorer 9 和边界半径 [重复]
【发布时间】：2012-07-20 10:33:20
【问题描述】：

可能重复：
Support for “border-radius” in IE

在我的项目中，我无法让边框半径在 IE 中工作，所以我创建了这个简单的 html 文件来查看我是否遗漏了什么。

<html>
<head>
<title>border test</title>
<style type="text/css">
body{background-color: #009de8;}
div{border: 2px solid red;border-radius: 5px;}
</style>
</head>
<body>
    <div>
        <h1>Hello world!</h1>
    </div>
</body>
</html>

尽管 IE9 应该支持border-radius 属性，但边框不是圆形的。

知道我错过了什么吗？

【问题讨论】：

标签： html css internet-explorer

【解决方案1】：

如果没有包含DOCTYPE 标签，Internet Explorer 通常会进入怪癖模式，这会以某种意想不到的方式呈现页面。

在您的 html 文档的开头（第一行）添加这个 html5 doctype 标签，它将起作用：

<!DOCTYPE html>

它应该可以工作。

【讨论】：

这就是答案。 X-UA 的东西是 IE 的非标准拐杖，IE 是地球上最无能的浏览器。
这适用于所有具有怪癖模式的浏览器，也就是说所有浏览器。 IE 恰好有一个非常糟糕的，这就是它如此糟糕的确切原因。

【解决方案2】：

查看Support for "border-radius" in IE

你需要这个：

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

【讨论】：

把戏搞定了，系统允许我接受。泰。
@starbeamrainbowlabs：应该。
在我的实际项目中，我为 html5 使用了有效的 doctype，但它似乎不起作用.. 应该吗？
X-UA 是无能 IE 的拐杖，而不是标准的做事方式。请参阅 Shahar 的回答。
@AnPel 谁在乎它是否在工作时验证？但最好使用<!doctype html>，因为它会将所有浏览器，而不仅仅是IE，变成标准模式。