ie9边框半径答案

【问题标题】：ie9 border radiusie9边框半径
【发布时间】：2011-07-19 21:09:42
【问题描述】：

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

【问题讨论】：

标签： html css internet-explorer-9

【解决方案1】：

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

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

“edge”表示“使用最新的渲染引擎”，所以 IE 9 使用 9，10 使用 10，等等。

【讨论】：

修复了它 - 希望它不会破坏其他任何东西
难以置信。添加这个只是修复了我所有的 IE9 渲染错误。现在看起来和 WebKit 完全一样，没有任何 CSS 更改。
谢谢谢谢！只希望我几个小时前就找到了这个答案：}
据我所知（如果有极端情况，请证明我错了）但如果您提供有效且现代的文档类型，则这是不必要的。提供一个文档类型然后添加一个特定于 IE 的（另一个）行不是更好的做法吗？
@Dotmister：根据浏览器设置，DOCTYPE 不足以让 IE9 退出兼容模式。边缘语句确保它。

【解决方案2】：

您是否在 HTML 文档的顶部（<html> 标记上方）找到了这个

<!DOCTYPE html>

IE9 要求网站显示新的 HTML5 / CSS3 东西

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

【讨论】：

ttp://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" rel="nofollow" target="_blank">w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

【解决方案3】：

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

【讨论】：

它说文档的 IE 7 标准
问题在于将其更改为 IE9 标准，它应该可以正常工作。
怪癖模式：我的 CSS 菜单正常，没有边框半径。 IE9 标准：我的 CSS 菜单崩溃
每次打开开发者工具看到'IE version Standards'都想吐。好像 IE 甚至知道什么是标准；）
在查看客户端上修改设置并不能解决 Web 开发问题。您无法知道客户端将进行哪些设置。

【解决方案4】：

在页眉中添加了<!DOCTYPE html> 和<meta http-equiv="X-UA-Compatible" content="IE=edge" />，它解决了我的问题。如果边框半径在 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>

【讨论】：

答案似乎不完整。
对不起，插入后代码不可见，我已经更正了。

【解决方案5】：

在 explorer 9 和 8 中表现出色：

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

【讨论】：