Question

我正在努力让馅饼在所有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>

Answer 1

永远找不到解决办法，但设法让pie.js改为工作

Answer 2

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

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

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

css3派htc不工作IE7和IE6（适用于IE8）

2 个答案: