Question

我使用border-radius.htc在9之前的Internet Explorer版本上显示圆角，这些版本不支持border-radius CSS属性。我遵循在链接页面和其他地方给出的使用它的语法。它在我做的这个简单的演示页面上工作正常：http://thomasash.philosofiles.com/uploads/examples/css/effects/rounded-corners/rounded-corners-ie-htc1.html

然而，当我以相同的方式将它添加到更复杂的页面 - http://www.givingwhatwecan.org/ - 然后它在IE6中工作，但在IE8中中断。更具体地说，它甚至没有显示应用border-radius.htc的div的棕褐色背景颜色而“中断”。尽管圆形框部分的HTML和CSS与上面链接的测试页中的类似，但据我所知。任何人都可以帮我弄清楚是什么打破它，以及如何解决它？

Answer 1

如果你在CSS中调用它，那么你正在使用.htc文件，请记住它必须是相对于Page的。例如：

网站的根源：的index.html 款式/ style.css文件风格/边界radius.htc

CSS：

div {
border-radius: 10px 10px 10px 10px;
behavior: url("styles/border-radius.htc")
}

即使使用通常的CSS获取背景图像的URL等，但对于.htc文件，它必须是相对于文档的（见上文）。

还记得您可能必须通过Border Radius使用CSS的速记。

还要确保您使用的服务器支持.htc MIME-TYPE。

我还建议您查看CSS3PIE，它有更好的文档/常见问题解答和社区来帮助您。

http://css3pie.com/

谢谢，我希望有所帮助！

border-radius.htc在特定页面上的IE8中断（在更简单的演示页面中工作）

1 个答案: