css3 pie htc 不工作 IE7 和 IE6（在 IE8 中工作）答案

【问题标题】：css3 pie htc not working IE7 and IE6 (works in IE8)css3 pie htc 不工作 IE7 和 IE6（在 IE8 中工作）
【发布时间】：2012-11-14 14:21:37
【问题描述】：

我正在尝试让饼图在所有 IE 浏览器 6+ 中获得圆角和渐变。

它在 IE8 中工作，但由于某种原因不在 IE7 或 6 中 - 关于为什么的任何想法？

这是我的 css 元素和 html 的示例，没什么特别的：

<style type="text/css">

#pietest{
border: 1px solid #696;
padding: 60px 0;
text-align: center; width: 200px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
background: #EEFF99;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
background: -webkit-linear-gradient(#EEFF99, #66EE33);
background: -moz-linear-gradient(#EEFF99, #66EE33);
background: -ms-linear-gradient(#EEFF99, #66EE33);
background: -o-linear-gradient(#EEFF99, #66EE33);
background: linear-gradient(#EEFF99, #66EE33);
-pie-background: linear-gradient(#EEFF99, #66EE33);
behavior: url('PIE.htc');
}

</style>

<div id="pietest"></div>

【问题讨论】：

发现 IE6 和 7 没有加载 PIE.htc 但 IE8 是 - 有人知道这是为什么吗？
在 IE6 或 7 中访问 pie.htc 文件时出现脚本错误 - 'element' is undefined line 14 char 1
设置位置：关系，试试这个
我想你的意思是位置：相对。没关系，我确定这一定与我提到的脚本错误有关
请在在线服务器上运行可能会起作用，有时馅饼在本地服务器上不起作用

标签： css css3pie

【解决方案1】：

永远找不到解决方案，但设法让 pie.js 工作

【讨论】：

【解决方案2】：

我遇到了同样的问题，我认为这是因为浏览器没有将 .htc 文件视为文本/x 组件。官方文档已经提到了here

所以我认为我们需要让服务器正确设置内容类型。希望这对你有帮助。

我在 web.xml 中添加了 mime 类型映射，以将 htc 作为 text/x-component 删除，然后它就可以正常工作了。

【讨论】：