Question

对于这个项目，我正在使用Tomcat 7并将其配置为提供内容类型为htc的{{1}}

text/x-component

出于某种原因，它适用于IE9（渐变，阴影，圆角）但不适用于IE8，根本看不到任何有效的CSS3。在styles / tracxe样式下的开发人员控制台中，我看到<?xml version="1.0" encoding="UTF-8"?> <web-app ...> ... <mime-mapping> <extension>htc</extension> <mime-type>text/x-component</mime-type> </mime-mapping> </web-app>，但我没有看到像behavior这样的内容。那是问题吗？

可能是什么原因，似乎很奇怪它在IE9中工作但不在IE8中工作。我不认为我需要不同的设置或类似的东西？ CSS元素：

-pie-background

我在IE8兼容模式下使用IE10，这有关系吗？

Answer 1

我也面临同样的问题，以下是我遇到问题的原因：

我对DIV元素使用了错误的定位。
我的目标是behavior。

从您的代码中，问题似乎是针对错误的路径 behavior: url(/owmw/web/css/PIE.htc);

<强> FIX：而是尝试在css文件夹中引用PIE.htc文件，使其看起来像behavior: url(PIE.htc);
或
使用behavior: url(owmw/web/css/PIE.htc);

查看behavior property。

我可能错了，但这解决了我的问题。

即使我尝试使用behavior: url(../owmw/web/css/PIE.htc);但未使用。

根据您的评论，您似乎正在使用X-UA-Compatible作为修复程序，它只能通过IE10兼容模式运行。

!--  Force IE to use the latest version of its rendering engine -->  
<meta http-equiv="X-UA-Compatible" content="IE=edge">

告诉IE在您的页面中使用其最新版本的渲染引擎。如果您的用户在IE8浏览器中打开，请注意？这肯定会失败。

您可以在MSDN Library。

中查看此内容

希望你明白。

PIE CSS适用于IE9，但不适用于IE8

1 个答案: