css - PIE CSS 适用于 IE9 但不适用于 IE8

Question

对于这个元素，我使用的是 Tomcat 7 并将其配置为使用内容类型为 text/x-component 的 htc 服务

<?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>

出于某种原因，它在 IE9(渐变、阴影、圆 Angular )中有效，但在 IE8 中无效，根本看不到任何 CSS3 效果。在 styles/tracxe 样式下的开发者控制台中，我看到了 behavior 但我没有看到任何类似 -pie-background 的东西。那是问题吗？

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

#masthead {
  background: #0E0E0E;
  background: #0e0e0e;
  background: -moz-linear-gradient(center top, #7d7d7d 0%, #0e0e0e 100%);
  background: -webkit-linear-gradient(top, #7d7d7d 0%, #0e0e0e 100%);
  background: -o-linear-gradient(top, #7d7d7d 0%, #0e0e0e 100%);
  background: -ms-linear-gradient(top, #7d7d7d 0%, #0e0e0e 100%);
  background: linear-gradient(top, #7d7d7d 0%, #0e0e0e 100%);
  -pie-background: linear-gradient(top, #7d7d7d 0%, #0e0e0e 100%);
  behavior: url(/owmw/web/css/PIE.htc);
  height: 35px;
  border: 1px solid #000000;
  color: #FFFFFF;
  position: relative;
  text-align: center;
  margin: 0px auto;
}

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

Answer 1

我也遇到了同样的问题，以下是我遇到问题的原因:

• 我为我的 DIV 元素使用了错误的定位。
• 我在行为中瞄准了错误的路径。

从您的代码来看，问题似乎出在错误的路径上。
行为:url(/owmw/web/css/PIE.htc);

修复: 相反，请尝试引用 css 文件夹中的 PIE.htc 文件并使其看起来像 behavior: url(PIE.htc);
或者
使用 行为: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 中查看.

希望你明白。