Question

我有以下适用于Firefox，Chrome和Safari的内容。但不是在IE9中。它将圆角应用于td的左上角和右上角。我错过了什么？

border-left: solid 1px #444f82;
border-right:solid 1px #444f82;
border-top:solid 1px #444f82;
border-top-right-radius: 7px;
border-top-left-radius: 7px;
-moz-border-radius-topright: 7px;
-webkit-border-top-right-radius: 7px;
-khtml-border-radius-topright: 7px;
-moz-border-radius-topleft: 7px;
-webkit-border-top-left-radius: 7px;
-khtml-border-radius-topleft: 7px;
behavior: url(/survey_templates/PIE.htc);

Answer 1

据我所知，边界半径应该适用于IE9。您可能在页眉中遗漏了这个：

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

“edge”表示“使用最新的渲染引擎”，因此IE 9将使用9,10使用10等。

Answer 2

您是否已将此文件放在HTML文档的顶部（<html>标记上方）

<!DOCTYPE html>

IE9要求网站显示新的HTML5 / CSS3内容

编辑：或许多其他Doctype（XHTML等，但这是最短且最容易记住的）

Answer 3

除了其他答案中提到的原因，在开发人员工具中检查（按 F12 ），您的文档模式应设置为Internet Explorer 9 Standards

enter image description here

Answer 4

在探险家9和8中工作得非常好：

<!DOCTYPE html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
</head>

Answer 5

在页眉中添加了<!DOCTYPE html>和<meta http-equiv="X-UA-Compatible" content="IE=edge" />，它解决了我的问题。如果border-radius在IE9中不起作用，则必须在页眉中添加<!DOCTYPE html>和<meta http-equiv="X-UA-Compatible" content="IE=edge" />。如果你有<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">，请记住在页面顶部，边界半径可能尚未出现在IE9中，因此最好将其更改为<!DOCTYPE html>

ie9边界半径

5 个答案: