最新更新 sitemap 设计搜素
网页设计
国外网站 韩国网站 个人主页 手提袋设计 CSS 网页特效 平面设计 网站设计 Flash CMS技巧 服装网站 php教程 photoshop 画册 服务器选用 数据库 Office
网上家居 虚拟主机 域名注册 云主机 网页设计 客服QQ:8208442

DW MX 2004 CSS 属性详解之CHROMA 属性

日期:12-17    来源:|    作者:

【Chroma属性】 Chroma属性可以设置一个对象中指定的颜色为透明色,它的表达式如下:
  Filter:Chroma(color=color)

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

css align=center>

css>制作方法如下:
   创建新的css样式:(要回顾创建新的 css 样式操作方法,请点页顶导航条“简要说明”按钮)

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

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

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

图片加载chroma 后显示效果
参数
css>Chroma
(Color=#FF0000)
css>Chroma
(Color=#00FF00)
css>Chroma
(Color=#0000FF)

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