Question

可能重复：
Support for “border-radius” in 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应该支持border-radius属性，但边界不是圆形的。

知道我缺少什么吗？

Answer 1

一般来说，如果不包含DOCTYPE标记，Internet Explorer会进入怪癖模式，这将以一种意想不到的方式呈现页面。

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

<!DOCTYPE html>

它应该有用。

Answer 2

检查Support for "border-radius" in IE

你需要这个：

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

Internet Explorer 9和border-radius

2 个答案: