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

相关推荐