CSS透明滤镜
filter:alpha(opacity=50);-moz-opacity:0.5;
Opacity:相对于IE。火狐似乎好像不支持。值:以百分比为值,100表示不透明度为100%;50侧代表不透明度为50%。
-moz-opacity:相对于FF,火狐。值:以小数点为值,1表示不透明度为100%;0.5侧代表不透明度为50%。
注意:上面的滤镜IE8不支持。因此我们需要用<metahttp-equiv="X-UA-Compatible"content="IE=7"/>来声明。让IE8强制显示为IE7效果。
基本上可以完美解决!以下滤镜,在FF里面不支持的,于上面同理。在名称前面加个-moz便可解决。
其他滤镜
黑白照片filter:gray;
X光照片filter:Xray;
风动模糊filter:blur(add=true,direction=45,strength=30);
正弦波纹filter:Wave(Add=0,Freq=60,LightStrength=1,Phase=0,Strength=3);
半透明效果filter:Alpha(Opacity=50);
线型透明filter:Alpha(Opacity=0,FinishOpacity=100,Style=1,StartX=0,StartY=0,FinishX=100,FinishY=140);
放射透明filter:Alpha(Opacity=10,FinishOpacity=100,Style=2,StartX=30,StartY=30,FinishX=200,FinishY=200);
白色透明filter:Chroma(Color=#FFFFFF);
降低色彩filter:grays;
底片效果filter:invert;
左右翻转filter:fliph;
垂直翻转filter:flipv;
投影效果filter:progid:dXImageTransform.Microsoft.DropShadow(color=#cccccc,offX=5,offY=5,positives=true);
马赛克filter:progid:dXImageTransform.Microsoft.Pixelate(maxsquare=3);
发光效果filter:progid:dXImageTransform.Microsoft.Glow(color=#cccccc,Strength=5);
柔边效果 filter:alpha(opacity=100, finishOpacity=0,style=2