internet-explorer - 如何在 MVC 架构中包含 border-radius.htc 以使 border-radius 在 IE 中工作

Question

我正在使用 cakephp 并想为某些部分的圆 Angular 做 css border-radius。它适用于除 IE 之外的所有其他浏览器。我现在指的是链接 http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser用于 IE 中的圆 Angular 支持。但问题是如何以及在何处准确放置 border-radius.htc。这些页面是从服务器和不同文件夹动态加载的。那么我将如何定义给定链接中引用的相对路径。

Answer 1

正如我在评论中所说，我建议使用 CSS3Pie而不是 border-radius.htc。

但它们的工作方式相同，所以同样的问题适用于它们。

答案是为 .htc 文件使用绝对 URL，而不是相对 URL。

这样，只要你知道你的htc文件在哪里，你就可以随时通过相同的路径引用它，它总是有效的。

将相对 URL 与 htc 文件一起使用似乎会造成混淆(现在这里有另一个关于完全相同主题的问题)，但切换到绝对路径应该就可以了。

所以不用

behavior:url(../../css/pie.htc);

...只需使用

behavior:url(/css/pie.htc);

[编辑]

如果这不起作用，还有许多其他因素可能导致 HTC 文件不起作用。

最常见的问题是内容类型问题。 IE 对此非常挑剔:HTC 文件必须作为 text/x-component 提供。如果不是，则 IE 会下载它，但随后会完全忽略它。

如果是这种情况，您可以通过将内容类型添加到您的服务器配置来更正它。 CSS3Pie website有关于如何执行此操作的说明。 (关于 CSS3Pie 的其他已知问题，请参阅同一页面，其中大部分问题也适用于 border-radius.htc)