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等格式),很难确定可以透明的位置。 

 

推荐阅读