CSS滤镜属性(3)

3. Chroma

　　语法: {filter:chroma(color=color)}

　　使用"Chroma"属性可以设置一个对象中指定的颜色为透明色,它只有一个参数COLOR,即设置为透明色的颜色的值,值得表示可以用#RRGGBB的形式.

　　我们看一个完整的例子,先看一下源代码:

　　<div id="Layer1" style="position:absolute; left:100px; top:390px; width:240px; height:24px;filter:chroma(color=#FF9933);background-color:#000000">
　　<p style="font-size:24pt;font-family:Verdana;color:#FF9933;font-weight:bold">Dhtml 2000</p>
　　</div>

　　为了让效果更明显,我把层的背景色设成了黑色.仔细看源代码,我是将文字的颜色设成了#FF9933,再把过滤的颜色也设成了#FF9933,于是看出来文字的颜色就变成了白色.

　　需要注意的是这种设置透明色对于有些图片文件并不合适,例如那些已经从24位色减降为8位色的图片文件.还有对于JPEG格式的图像来说,它们已经经过了减色和压缩的处理,因此很少有固定的可以设置为透明颜色的色块,你不妨可是试一下,看看用JPEG图来试验此滤镜有什么效果.另外,一个图片只能由一个指定的透明色,所以不要设置已经是GIF透明图的图片来设置此滤镜.

上一页　返回目录　下一页