教程(视频,书籍)下载:  ASP.NET AutoCAD 数据库 C# ASP java photoshop 网页设计 delphi 3dmax Flash C++ VB 张孝祥 实例   更多请进入BIBIDU搜索

   4、Chroma属性

　　Chroma属性可以设置一个对象中指定的颜色为透明色，它的表达式如下：

　　Filter：Chroma（color=color）

　　这个属性的表达式是不是很简单，它只有一个参数。只需把您想要指定透明的颜色用Color参数设置出来就可以了。比如下面这幅图：　　

　　

　　图中显示两种字体，两种颜色，我们现在对“leaves”字体添加chroma属性，使其透明。代码如下：

　 　 ＜html＞

　　　　　＜head＞

　　　　　＜title＞chroma filter＜/title＞

　　　　　＜style＞

　　　　　＜!--

　　　　　 div{position：absolute；top：70；width：200；filter：chroma(color=green)}

　　　　　//*定义DIV范围内绿色为透明色，另外设置DIV的位置*//

　　　　　p{font-family：bailey；font-size：48；font-weight：bold；

　　　　　color：green} //*设置P的字体名称、大小、粗细、颜色*//

　　　　　em{font-family:lucida handwriting italic；font-size:48；font-weight：bold；color：rgb(255,51,153)}

　　　　 //*设置EM的字体名称、大小、粗细、颜色*//

　　　　　--＞

　　　　　＜/style＞

　　　　　＜/head＞

　　　　　＜body＞

　　　　　＜div＞

　　　　　＜p＞LEAVES ＜em＞LOVE＜/em＞＜/p＞

　　　　　＜/div＞

　　　　　＜/body＞

　　　　＜/html＞

　　通过上面代码中对chroma的属性设置，使绿色透明。显示效果如下图：　

　　

　　我们看到绿色的leaves字体不见了，实际上它是透明了，在IE下点击它所在的区域，它还是会显示出来（见下图）：

　　

　　　另外，需要注意的是，chroma属性对于图片文件不是很适合。因为很多图片是经过了减色和来源:编程技术-十度教育
作者:
关键字：CSS滤镜,Chroma属性
发表日期：2006-10-18 10:55:32

网页显示有限 阅读全文请下载本文完整版WORD文档

上一篇：CSS样式表从门到精通-CSS滤镜：DropShadow属性   下一篇：CSS样式表从门到精通-CSS滤镜：blur属性

本文的相类似文章

CSS样式表从门到精通-CSS滤镜：概述 CSS样式表从门到精通-CSS滤镜：alpha属性 CSS样式表从门到精通-CSS滤镜：blur属性 CSS样式表从门到精通-CSS滤镜：Chroma属性 CSS样式表从门到精通-CSS滤镜：DropShadow属性 CSS样式表从门到精通-CSS滤镜：FlipH、FlipV属性 CSS样式表从门到精通-CSS滤镜：Gray属性 CSS样式表从门到精通-CSS滤镜：Glow属性 CSS样式表从门到精通-CSS滤镜：Invert属性 CSS样式表从门到精通-CSS滤镜：Mask属性

网友评论 查看本文全部评论
笔 名：	*
评 论：	最多500字。当前字数：0
联系方式：
验证码：