在IE中为png图像投影

时间:2013-12-31 12:24:17

标签: html css internet-explorer

我有一个非形状的png图像,用这个

-webkit-filter: drop-shadow(5px 5px 5px #575757);
filter:         drop-shadow(5px 5px 5px #575757);   

我可以在图片中添加阴影,但只能在Chrome中添加阴影 如何在IE中添加阴影?

2 个答案:

答案 0 :(得分:1)

使用此MS过滤器?

-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=5, OffY=5, Color='#575757')";
filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=5, OffY=5, Color='#575757')";

答案 1 :(得分:1)

Drop-shadow正在开发9个以上的IE版本。如果您的系统上安装了9 + IE,则可以使用以下代码来显示图像或div或文本的阴影(对于文本使用文本而不是框)。

#img
{ 
   box-shadow:5px 5px 5px #000; 
   -moz- box-shadow:5px 5px 5px #000;//for mozilla 
   -webkit - box-shadow:5px 5px 5px #000;//for chrome 
   -o- box-shadow:5px 5px 5px #000;//for opera 
   -ms- box-shadow:5px 5px 5px #000; //for IE 
}