阅读文章(首页/网页制作/CSS教程/)

实例详解CSS滤镜(4)Chroma属性

[日期：2005-12-23]

来源：不详作者：佚名

[字体：大中小]

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

　　Filter：Chroma（color=color）

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

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

<HTML>
　　　<head>
　　　<title>chroma filter</title>
　　　<style>
　　　
　　　</style>
　　　</head>
　　　<body>
　　　<div>
　　　<p>LEAVES <em>LOVE</em></p>
　　　</div>
　　　</body>
　　</HTML>

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

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

　　另外，需要注意的是，chroma属性对于图片文件不是很适合。因为很多图片是经过了减色和压缩处理（比如JPG、GIF等格式），所以它们很少有固定的位置可以设置为透明。

阅读：次
录入：

【评论】【推荐】【打印】

上一篇：实例详解CSS滤镜(3)Blur属性
下一篇：实例详解CSS滤镜(5)DropShadow属性

发表评论