CSS透明滤镜,支持FF,IE6.0,IE7.0,IE8.0
来源:互联网 发布:3维旋转矩阵公式 编辑:程序博客网 时间:2024/06/06 16:53
filter:alpha(opacity=50);opacity:0.5;
Opacity: 相对于IE。火狐似乎好像不支持。 值:以百分比为值,100 表示不透明度为100%;50侧代表不透明度为50%。
-moz-opacity: 相对于FF,火狐。 值:以小数点为值,1 表示不透明度为100%;0.5侧代表不透明度为50%。
注意:上面的滤镜IE8不支持。因此我们需要用 <meta http-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);
Opacity: 相对于IE。火狐似乎好像不支持。 值:以百分比为值,100 表示不透明度为100%;50侧代表不透明度为50%。
-moz-opacity: 相对于FF,火狐。 值:以小数点为值,1 表示不透明度为100%;0.5侧代表不透明度为50%。
注意:上面的滤镜IE8不支持。因此我们需要用 <meta http-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
- CSS滤镜续:CSS透明滤镜,支持FF,IE6.0,IE7.0,IE8.0
- CSS透明滤镜,支持FF,IE6.0,IE7.0,IE8.0
- CSS透明滤镜,支持FF,IE6.0,IE7.0,IE8.0
- CSS透明滤镜,支持FF,IE6.0,IE7.0,IE8.0
- 解决IE6.0,IE7.0,IE8.0,FF下PNG图片透明问题
- 老生常谈IE兼容性:ie6 javascript:void(0)、IE7 input透明、IE8 jquery动态加载css
- ie6 javascript:void(0)、IE7 input透明、IE8 jquery动态加载css
- div+css 兼容IE6/IE7/FF/IE8
- css hack区分ff-ie8-ie7-ie6
- css IE6 IE7 IE8 FF兼容 高度
- [转]CSS中设置div最小高度(支持IE6, IE7, IE8, FF等浏览器)
- CSS纯色半透明 支持IE6/IE7/IE8 FF CHROME OPERA SAFARI
- 爱分享 css控制图片垂直水平居中支持IE6、IE7、IE8、FF等…
- [CSS]IE6/IE7/IE8/FF 的css部份技巧
- 图片垂直水平居中 支持IE6、IE7、IE8、FF等
- IE6、IE7、IE8、FF兼容性问题
- 兼容 FF, IE6 ,IE7,IE8
- 兼容 FF, IE6 ,IE7,IE8
- HDOJ 2191 悼念512汶川大地震遇难同胞——珍惜现在,感恩生活 (多重背包)
- 从纽约创业公司的崛起观察科技产业变革规律
- Android自定义Menu(TabMenu)
- epoll 入门
- 查看网络访问路径
- CSS透明滤镜,支持FF,IE6.0,IE7.0,IE8.0
- 华容道局面输出
- Android应用开发中的风格和主题(style,themes)
- ARM Remap 总结(小寿转载)
- vim命令超级大全
- java线程池
- SQL Server升级安全组SID(安全标识符)检查规则失败
- QTP打开文件、保存文件时提示异常出错强制关闭程序处理办法
- CString与LPWSTR的互转