Dhtml 2000

 

 
 
CSS滤镜全接触
 
  作者:Eric 上一页 返回目录 下一页

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透明图的图片来设置此滤镜.

上一页 返回目录 下一页


Dynamic HTML 2000
Copyright © 2000-2001 All Rights Reserved 0