dreamweaver　CSS使用教程：CHROMA属性

dreamweaver　CSS使用教程：CHROMA属性

 

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

　　Filter：Chroma（color=color）　
这个属性的表达式是不是很简单，它只有一个参数。只需把您想要指定透明的颜色用Color参数设置出来就可以了。下面这幅图是原图，准备对它加载shroma　滤镜：

 

制作方法如下：
创建新的CSS样式：（要回顾创建新的　CSS　样式操作方法，请点页顶导航条“简要说明”按钮）

　　　　提示：新创建的CSS样式名称，输入“chromaR”。勾选“仅对该文档”。保存后，在分类选项选择“扩展”，再设置“过滤器”。选择“chroma"并按括号中的参数值设置参数（Chroma(Color=#FF0000)），按“确定”结束。　按照上述方法再创建“chromaG”（Chroma(Color=#00FF00)）和“chromaB”（Chroma(Color=#0000FF)）若是操作无误的话，在你网页代码的<　head　>与<　/head　>之间，会有如下所示的代码：

<style　type="text/css">
<!--
.chromaR　{
filter:　Chroma(Color=#FF0000);
}
.chromaG　{
filter:　Chroma(Color=#00FF00);
}
.chromaB　{
filter:　Chroma(Color=#0000FF);
}
-->
</style>　

　　　　图片分别加载“chromaR”“chromaG”“chromaB”后的显示效果如下图：

另外，需要注意的是，chroma属性只能在特殊情况下使用，对于大多数图片文件不是很适合。因为经过了减色和压缩处理的图片（比如JPG、GIF等格式），很难确定可以透明的位置。