盒子阴影发光效果为ie

时间:2011-07-04 18:59:57

标签: css internet-explorer css3

我使用css3的box-shadow不是为了创建阴影而是添加发光效果。它工作得很好但当然除了IE。是否有一些可以在IE中实现的工作?

我正在使用的CSS:

-webkit-box-shadow:0 0 5px #666; 
-moz-box-shadow: 0 0 5px #666; 
box-shadow:0 0 5px #666;

我已经看过IE PIE,但它不起作用,因为我使用了太多的z-index。还

filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');

不起作用,它会显示阴影,但我似乎无法让它看起来像发光效果。

有人知道另一种解决方法吗?

1 个答案:

答案 0 :(得分:0)

我建议您查看CSS3Pie

这是IE的兼容性攻击,它支持所有版本的IE支持多种CSS3功能,包括box-shadow

您将Pie.htc behavior样式添加到现有样式表中,它将读取您已为其他浏览器编写的标准box-shadow样式。

不再使用可怕的filter语法进行攻击!它只使用标准的CSS。

简而言之,您可以使用filter

替换整个behavior:url('pie.htc');

Pie还实现了border-radius和渐变。

这些功能当然可以在IE中完成(否则Pie会如何工作),但Pie使它们更容易实现,因为它使IE读取标准样式。

希望有所帮助。