ie9边框半径
Posted
技术标签:
【中文标题】ie9边框半径【英文标题】：ie9 border radius 【发布时间】：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);
【问题讨论】：
【参考方案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>
【讨论】：
以上是关于ie9边框半径的主要内容，如果未能解决你的问题，请参考以下文章