0

可能重复：
在 IE 中支持“border-radius”

在我的项目中，我无法让边框半径在 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 应该支持边框半径属性。

知道我错过了什么吗？

4

2 回答 2

6

一般来说，如果不包含标签，Internet Explorer 会进入 quirks-mode DOCTYPE，这会以某种出乎意料的方式呈现页面。

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

<!DOCTYPE html>

它应该可以工作。

于 2012-07-21T11:11:04.823 回答
1

检查IE 中对“border-radius”的支持

你需要这个：

<meta http-equiv="X-UA-Compatible" content="IE=9" />
于 2012-07-21T10:32:01.610 回答