CSS滤镜的使用方法：filter:filtername(parameters)　即 filter:滤镜名称（参数）
alpha：设置透明层次
blur：创建高速度移动效果，即模糊效果
chroma：制作专用颜色透明
DropShadow：创建对象的固定影子
FlipH：创建水平镜像图片
FlipV：创建垂直镜像图片
glow：加光辉在附近对象的边外
gray：把图片灰度化
invert：反色
light：创建光源在对象上
mask：创建透明掩膜在对象上
shadow：创建偏移固定影子
具体的应用有两种方法：
1、先定义好CSS ，再在页面中需要的对象上使用预先定义好的CSS，实际上CSS的设置对话框里已经预先将这些滤镜的语法设置好了，我们只需填上适合的具体参数即可：
2、直接在支持CSS滤镜效果的HTML控件元素上编写CSS filter代码。
Alpha滤镜: 听到这个名字，你可能会想到Flash里有，Photoshop里也似乎见过。一点不错，它们的作用基本类似，就是把一个目标元素与背景混合。你可以指定数值来控制混合的程度。这种“与背景混合"通俗地说就是一个元素的透明度.
语法：STYLE="filter: Alpha(Opacity=opacity, FinishOpacity=finishopacity，Style=style, StartX=startX，StartY=startY，FinishX=finishX，FinishY=finishY)"
说明： ......

2009年2月24日
，Safari 4.0
beta版正式发布，Safari从它的3.2版本开始就已经支持所有的CSS选择器(包括最新的CSS3)。不过为了方便大家的工作，下面提供了最新版
本的CSS选择器浏览器支持情况，其中包括最新的CSS3和Safari 4.0 Beta的支持情况。感谢Estelle Weyl
的总结。
2009年6月30日
，FireFox 3.5发布，类似Safari 3.1及更新的版本 (包括Safari
4 beta)，Opera 9.64 （及更新版本） 和 Google Chrome 都支持所有 CSS2.1 和 CSS3
选择器。以下是我对所有浏览器测试后的兼容性统计表，希望对大家有所帮助。
注:
绿色 / √  表示目前支持。
橙色/ Δ   表示浏览器部分支持当前CSS选择器。
红色/ Χ   表示浏览器完全不支持。
点击上图查看清晰大图
......

刚开始用CS4的时候就注意到了这个这个功能不过都没实践过,这几天实践了一下发现是个很好很和谐的的技能 .有了它我们就可以很傻瓜的编辑一些我们程序员很头疼的代码,比如flash动画的滤镜效果,如果没有这个功能估计帮助文档里面的flash.filters包得看半天…有个这个功能我们就不用愁了.比如现在我想动态添加添加一个元件的模糊效果.
首先我们在时间轴的第一帧放一个元件,然后在后面的时间轴比如第十帧右击插入帧,再右击创建补间动画(不是传统补间哦)接下来打开动画编辑器点击滤镜->模糊分别在实践轴的第一(我都设置为100)和末位帧(我都设置0)设置元件的x模糊值和y模糊值,按下Enter就可以发现是一个从模糊到清晰地渐变效果,我把自己的动画效果代码贴出来:
1: import fl.motion.AnimatorFactory;
2: import fl.motion.MotionBase;
3: import flash.filters.*;
4: import flash.geom.Point;
5: var __motion_元件2_3:MotionBase;
6: if(__motion_元件2_3 == null) {
7: import fl.motion.Motion;
8: __motion_元件2_3 = new Motion();
9: __motion_元件2_3.duration = 10;
10: 
11: // Call overrideTa ......

All metal heart shaped necklace containing an 8 GB USB flash drive.
These days a
USB flash drive
is as necessary as your house keys. Whether you are
taking large work files back and forth from the office or are sharing pictures
and music with friends, nothing beats the convenience of a USB storage drive.
Well, why not make sure the one you get fits the person who is going to carry
it? This is an elegant all-metal and jeweled heart necklace that has 8 gigabytes
of flash memory so you or your loved one will have enough space to keep those
treasured memories close at heart.
This elegant
necklace USB flash drive
is in stock right now at a great wholesale
prices and available for immediate express shipping.
At a Glance...
Heart USB necklace for every day wear
Great Valentine's Day and World Love Day gift
Ref: hgeaj97r


  
 
  




　
......

function getFlashVer() {//获得flashplayer的版本 google
 var f="",n=navigator;
 if (n.plugins && n.plugins.length) {
  for (var ii=0;ii<n.plugins.length;ii++) {
   if (n.plugins[ii].name.indexOf('Shockwave Flash')!=-1) {
    f=n.plugins[ii].description.split('Shockwave Flash ')[1];
    break;
   }
  }
 } else if (window.ActiveXObject) {
  for (var ii=10;ii>=2;ii--) {
   try {  
    var fl=eval("new ActiveXObject('ShockwaveFlash.ShockwaveFlash."+ii+"');");
    if (fl) {f=ii + '.0'; break; }
   }
   catch(e) {}
  }
 }
 document.write("您的FlashPlayer版本为 <b>"+f+"</b>");
}
  getFlashVer(); ......

做了一个弹出窗口，点击后发现它和flash重合的部分，被flash盖住了，查了一下解决方法：
原代码如下：
<object classid='clsid:D27CDB6E-AE6D-11CF-96B8-444553540000' id='obj6' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0' border='0' width='266' height='139'>
<param name='movie' value='flash/pics.swf?httpx=xml/pics.xml'>
<param name='quality' value='High'>
<embed src='flash/pics.swf?httpx=xml/pics.xml' pluginspage='http://www.macromedia.com/go/getflashplayer' type='application/x-shockwave-flash' name='obj6' width='266' height='139' quality='High'></embed>
</object>
修改后代码：
<object classid='clsid:D27CDB6E-AE6D-11CF-96B8-444553540000' id='obj6' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0' border='0' width='266' height='139'>
<param name='movie' value='flash/pics.swf?httpx=xml/pics.xml'>
<param name='quality' value='High'><param ......