Internet Explorer 9和border-radius

ppp*_*ppp 0 html css internet-explorer

可能重复:
支持IE中的"border-radius"

我不能让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>
Run Code Online (Sandbox Code Playgroud)

尽管IE9应该支持border-radius属性,但边界仍然是圆形的.

知道我错过了什么吗?

Sha*_*har 6

一般情况下,如果不DOCTYPE包含标记,Internet Explorer将进入quirks-mode ,这会以一种意想不到的方式呈现页面.

在html文档的开头(第一行)添加此html5 doctype标记,它将起作用:

<!DOCTYPE html>

它应该工作.