IE9边界半径

Question

由于某种原因弯曲的CSS角落似乎在IE9中不起作用.我知道它支持它,但是我已经在网上寻找解决方案而且无法找到适合我的解决方案.我尝试过,<meta http-equiv="X-UA-Compatible" content="IE=9" />但那不起作用.我使用了.htc文件,behavior: url(border-radius.htc);但是只有在切换到兼容模式时才有效.我甚至试图宣布所有4个值,并没有产生差异.在firefox,chrome和safari中工作,但不在IE中.有帮助吗？检查出来:我的网页如果你有一些调试工具可能会帮助你帮助我.

Answer 1

我发现如果你使用filterIE8及以下浏览器的CSS样式,它会干扰IE9样式导致border-radius无法工作和可能的其他不良影响.

要修复它,请将其添加到您的html头:

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

Answer 2

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

你真的只需要-ms你想要的版本,但如果你包括它们,你提供更广泛的覆盖范围.

Answer 3

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

详细说明此处调查文档模式问题