zoukankan      html  css  js  c++  java
  • [转]CSS透明滤镜,支持FF,IE6.0,IE7.0,IE8.0

    CSS透明滤镜,支持FF,IE6.0,IE7.0,IE8.0

    filter:alpha(opacity=50);-moz-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);
    柔边效果 filter:alpha(opacity=100, finishOpacity=0,style=2
  • 相关阅读:
    java.lang.ClassNotFoundException:org.springframework.web.context.ContextLoaderListener问题解决
    开发人员系统功能设计常用办公软件分享
    微信自定义菜单url默认80端口问题解决
    Servlet再度学习
    JSP九大内置对象
    linux下安装apache(httpd-2.4.3版本)各种坑
    Ajax原理学习
    Shell脚本了解
    生成Webservice的两种方式(Axis2,CXf2.x)
    Webservice发布
  • 原文地址:https://www.cnblogs.com/feinian/p/1440989.html
Copyright © 2011-2022 走看看