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

Question

我使用 border-radius.htc在 Internet Explorer 9 之前的版本上显示圆 Angular ，它不支持 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 的棕褐色背景颜色，从而“中断”。据我所知，尽管圆 Angular 框部分的 HTML 和 CSS 与上面链接的测试页面中的相似。任何人都可以帮我弄清楚是什么破坏了它，以及如何修复它吗？

Answer 1

既然您使用的是 .htc 文件，那么如果您在 CSS 中调用它，请记住它必须与页面相关。例如:

网站根目录:索引.html样式/style.css样式/边框半径.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/

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