Css3pie 完全在本地主机上工作，但仅部分在远程服务器上工作

Question

我有一个在线网站，它是一个用 ASP.NET 编写的网络应用程序。当我复制站点的 HTML 代码时，将其放入 html 文件并在 localhost（Apache 服务器）上运行，一切正常，CSS3PIE 正常工作。

问题在于它在服务器上的工作方式不同。首先它甚至根本不起作用，并且在 css 中附加了 pie.htc 行为的元素完全消失了，或者说变得透明了。

我偶然发现了一条建议，说给定元素上的position: relative; 将解决问题。确实是这样，但一点也不令人满意。背景仍然是透明的，部分元素消失了，悬停时它使其他元素跳到一边几个像素。阴影有效，圆角也有效，但没有渐变。

Answer 1

几种可能性：

1) .htc 文件未使用正确的 mime 类型提供。来自CSS3 PIE Known Issues

IE 要求 HTC 行为提供内容类型 “text/x-component”的标题，否则它将简单地忽略 行为。许多 Web 服务器已预先配置为提供正确的服务 内容类型，但其他不是。

如果您在未应用 PIE 行为方面遇到问题，请检查 您的服务器配置，如果可能的话，更新它以使用正确的 内容类型。对于 Apache，您可以在 .htaccess 文件中执行此操作：

AddType text/x-component .htc

问题行为是否出现在运行 IIS 的服务器上？如果是这样，什么版本的 IIS？ IIS 5 or higher should have the mime-type for .htc configured correctly

2) 可能是路径问题，再次来自CSS3 PIE known issues

相对路径

有两个与 CSS 中的相对路径相关的主要问题： 行为网址

IE 解释行为属性相对于源的 URL HTML 文档，而不是像其他所有文件一样相对于 CSS 文件 CSS 属性。这使得调用 PIE 行为不方便， 因为 URL 必须是：

来自域根目录的绝对 - 这使得 CSS 不容易在目录之间移动 - 或者， 相对于 HTML 文档——这使得 CSS 不容易在不同的 HTML 文件之间重用。

PIE 解释的 CSS 属性中的 URL

PIE 不解析 CSS 样式表（这样做是不可接受的 慢）;它让 IE 处理解析、选择器查询、级联、 等等，然后简单地询问它得到的属性值。这 意味着当 PIE 获得一个属性值时，它不知道 该值源自的上下文。

因此，对于包含 URL 值的属性（例如 border-image 或 -pie-background），PIE 无法解析这些 URL 相对于它们出现的 CSS 文件。它解决了他们 而是相对于 JavaScript 执行上下文，即 源 HTML 文档的位置。