IE9 边框半径答案

【问题标题】：IE9 border-radiusIE9 边框半径
【发布时间】：2011-11-14 05:59:27
【问题描述】：

由于某种原因，弯曲的 css 角似乎在 IE9 中不起作用。我知道它支持它，但是我在网上到处寻找解决方案，但找不到适合我的解决方案。我尝试输入<meta http-equiv="X-UA-Compatible" content="IE=9" />，但没有奏效。我使用了 .htc 文件和behavior: url(border-radius.htc);，但有时仅在切换到兼容模式时才有效。我什至尝试声明所有 4 个值，但没有产生差异。在 firefox、chrome 和 safari 中工作得很好，但在 IE 中却不行。有什么帮助吗？检查一下：my web page 如果你有一些调试工具可能会帮助你帮助我。

【问题讨论】：

您的页面在我的 IE9 中看起来很棒。由于那个 htc 文件，您可能看不到圆角
所以你看到圆角了吗？我有文件，我应该删除它吗？

标签： css internet-explorer internet-explorer-9

【解决方案1】：

使用供应商扩展，-moz-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;

您确实只需要 -ms 版本即可满足您的需求，但如果您将它们全部包含在内，您将提供更广泛的覆盖范围。

【讨论】：

试过了，不行，可以在源码中看到
哟，拉这个块 <script src="js/prototype.js" type="text/javascript"></script> <script src="ajax_framework.js" language="javascript"></script> <script src="js/popup.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="mainstyle.css" />进入你的<头脑>元素我不认为这是你的 IE
那是我的 javascript 吗？我的网站需要吗？
popup.css 没有专有扩展 aliahealthcare.com/js/popup.css
不是 100% 确定你的意思，但那不是我的主要 CSS，那只是为了我的弹出窗口。我的主要 css 是 mystyle.css

【解决方案2】：

IE9 不需要border-radius 的任何前缀（确保您至少不需要-ms- 前缀这个属性！）。您的浏览器可能有问题。也许你正在运行测试版或类似的东西。

请在另一台运行 IE9 的计算机上测试此 demo，或者重启 IE 并尝试查看 IE9 渲染 border-radius 是否正常。

【讨论】：

该示例运行良好！为什么我的网站不能工作？有什么可以与边界半径冲突的吗？
您是否尝试在没有加载项的情况下加载 IE？您可以在 IE9 中按 F12 并调出开发人员工具。然后单击那个小刷新按钮，然后使用该光标图标检查您的元素。然后转到右侧平移中的“属性”选项卡并添加边框半径样式。这有点像 chrome 开发工具。
奇怪的是连边界半径css代码都看不到？
我会在另一台电脑上测试它。 :)
好的，我发现了问题，我的页面以怪异模式加载，不知道为什么

【解决方案3】：

看起来该页面正在触发 Quirks 模式，请尝试将这些脚本和 css 包含在标签内... doctype 和它的 html 标签之间不应存在任何内容。

这里有详细解释Investigating Document Mode Issues

【讨论】：

改了，还是没有结果！
尝试纠正 w3c 验证器中的大部分问题。尤其是自结束标签（img、link 等）中的任何尾随斜杠，它们在 HTML4 中无效

【解决方案4】：

我发现如果您在 IE8 及以下浏览器中使用 CSS 样式 filter，它会干扰 IE9 样式，导致 border-radius 无法工作并可能产生其他不良影响。

要修复它，请将其添加到您的 html 头中：

<!--[if gte IE 9]>
<style type="text/css">.elementClass { filter: none !important; }</style>
<![endif]-->'

【讨论】：

对我来说就像一个魅力。谢谢。

【解决方案5】：

我发现我在 ie9 中的边界半径在 localhost 上工作，但不在服务器上。我使用 css3PIE 来支持 ie8 及以下版本，这会干扰 ie9 吗？

【讨论】：

【解决方案6】：

Quirks 模式是 IE9 切换回 IE5 功能的地方（也添加到@seanmetzgar 帖子的以下链接）

这里有详细解释Investigating Document Mode Issues

我负责的网站在页面顶部有 ASP 代码，我添加了

<!DOCTYPE html>

就在标签前面，代码下面，IE9 停止进入 Quirks 模式。

【讨论】：