Html ie9边界半径_Html_Css_Internet Explorer 9

Html ie9边界半径

html css

Html ie9边界半径,html,css,internet-explorer-9,Html,Css,Internet Explorer 9,我有以下几款在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: 7p

我有以下几款在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);

据我所知，边界半径应该适用于IE9。您的页面标题中可能缺少以下内容：

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

“edge”的意思是“使用最新的渲染引擎”，因此IE 9将使用9，10使用10，等等。

您是否在HTML文档的顶部（在

标记上方）找到了它

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

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

除了其他答案中提到的原因外，在开发者工具中检查（按F12）您的文档模式应设置为
Internet Explorer 9标准
在页眉中添加了
和
，解决了我的问题。如果border radius在IE9中不起作用，则必须在页眉中添加
和
。如果您有

在页面顶部，边界半径可能尚未显示在IE9中，因此最好将其更改为
在explorer 9和8中使用：

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

修复了它-希望它不会破坏任何其他不可靠的东西。添加此项刚刚修复了我所有的IE9渲染错误。现在看起来完全像WebKit，没有任何CSS更改。谢谢！但愿我在几个小时前就找到了这个答案：}据我所知（如果有边缘案例，请证明我是错的），但如果您提供了有效且现代的doctype，这是不必要的。提供doctype然后添加（另一个）IE特定的行不是更好的做法吗？@Dotmister：根据浏览器设置，doctype不足以使IE9退出兼容模式。edge声明确保了这一点。它说IE7文档标准就是问题所在。将其更改为IE9标准，它应该可以正常工作。怪癖模式：我的CSS菜单ok，无边框半径。IE9标准：每当我打开开发者工具，看到“IE版本标准”时，我的CSS菜单就会崩溃。好像IE甚至知道什么是标准；）修改查看客户端上的设置并不能解决web开发问题。您无法知道客户端将具有什么设置。答案似乎不完整。抱歉，没有意识到代码在插入后变为不可见，我已更正它们。
<!DOCTYPE html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> </head>