CSS透明滤镜
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
相关文档：
1、CSS的语法是这样的：selector {property: value}
selector-选择器（比如body、div、h2……）
property-属性 （比如background-color、hidden、text-align……）
value-值（比如yellow、blue、12px、center……）
[注]：
a、除id外大小写不敏感
b、value存在多个单词时，要用� ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head><title>Cross-Browser Text Glow Demo</title>
<mce:style type="text/css"><!--
* {
font ......
abc.css
CSS code
.class1
{
width:10px;
background-color: red;
}
HTML code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<link rel="stylesheet" type="text/css" href="abc.css" />
<TITLE> New Document </TITLE>
<script&g ......
CSS选择器笔记
参考网址：456 Berea Street
一、基本选择器
序号
选择器
含义
1.
*
通用元素选择器，匹配任何元素
2.
E
标签选择器，匹配所有使用E标签的元素
3.
.info
class选择器，匹配所有class属性中包含info的元素
4.
#footer
id选择器，匹配所有id属性等于footer的元素
实例：
* { margin:0; ......
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发布，类似Safar ......
