0

我使用border-radius.htc在Internet Explorer 9 之前的版本上显示圆角，该版本不支持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 与上面链接的测试页面中的相似。谁能帮我弄清楚是什么破坏了它，以及如何解决它？

4

1 回答 1

0

好吧，如果您在 CSS 中调用 .htc 文件，请记住它必须与页面相关。例如：

网站根目录：index.html styles/style.css styles/border-radius.htc

CSS：

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

即使在获取背景图像等的 URL 时使用普通的 CSS，对于 .htc 文件，它也必须与文档相关（见上文）。

还请记住，您可能必须通过 Border Radius 为 CSS 使用速记。

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

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

http://css3pie.com/

谢谢，希望对您有所帮助！

于 2012-04-19T13:46:24.620 回答