2

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

<?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（渐变、阴影、圆角）中有效，但在 IE8 中无效，根本看不到任何有效的 CSS3。在样式/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，有关系吗？

4

1 回答 1

1

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

  • 我为我的DIV元素使用了错误的定位。
  • 我的目标是错误的路径behavior。

从您的代码来看，问题似乎在于定位错误的路径。
behavior: url(/owmw/web/css/PIE.htc);

修复： 而是尝试引用 css 文件夹中的 PIE.htc 文件并使其看起来像behavior: url(PIE.htc);
或
使用behavior: url(owmw/web/css/PIE.htc);

检查行为属性。

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

即使我尝试使用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中查看。

希望你能理解。

于 2013-06-10T07:10:17.510 回答