CSS滤镜:修订间差异

来自站长百科
跳转至: 导航、​ 搜索
无编辑摘要
无编辑摘要
第1行: 第1行:
<b><font style="font-size:120%">界面滤镜</font></b> <br>
<b><font style="font-size:120%">界面滤镜</font></b> <br>
<font color=blue>Gradient</font>
语法: <br>
filter : progid:DXImageTransform.Microsoft.Gradient ( enabled=bEnabled , startColorStr=iWidth , endColorStr=iWidth ) <br>
属性:<br>
enabled  :  可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true  :  默认值。滤镜激活。<br>
false  :  滤镜被禁止。 <br>
startColorStr  :  可选项。字符串(String)。设置或检索色彩渐变的开始颜色和透明度。<br>
其格式为 #AARRGGBB 。 AA 、 RR 、 GG 、 BB 为十六进制正整数。取值范围为 00 - FF 。 RR 指定红色值, GG 指定绿色值, BB 指定蓝色值,参阅 #RRGGBB 颜色单位。 AA 指定透明度。 00 是完全透明。 FF 是完全不透明。超出取值范围的值将被恢复为默认值。
取值范围为 #FF000000 - #FFFFFFFF 。默认值为 #FF0000FF 。不透明蓝色。  <br>
EndColorStr  :  可选项。字符串(String)。设置或检索色彩渐变的结束颜色和透明度。参阅 startColorStr 属性。默认值为 #FF000000 。不透明黑色。  <br>
特性:
<br>Enabled  :  可读写。布尔值(Boolean)。<br>
GradientType  :  可读写。整数值(Integer)。设置或检索色彩渐变的方向。1 | 0 1  :  默认值。水平渐变。0  :  垂直渐变。 <br>
StartColorStr  :  可读写。字符串(String)。<br>
StartColor  :  可读写。整数值(Integer)。设置或检索色彩渐变的开始颜色。 取值范围为 0 - 4294967295 。 0 为透明。 4294967295 为不透明白色。 <br>
EndColorStr  :  可读写。字符串(String)。设置或检索色彩渐变的结束颜色和透明度。参阅 startColorStr 属性。默认值为 #FF000000 。不透明黑色。  <br>
EndColor  :  可读写。整数值(Integer)。设置或检索色彩渐变的结束颜色。 取值范围为 0 - 4294967295 。 0 为透明。 4294967295 为不透明白色。当在脚本中使用此特性时,也可以用十六进制格式: 0xAARRGGBB 。  <br>
说明:<br>
在对象的背景和内容之间显示定制的色彩层。<br>
当此效果通过转变显示时,在渐变册色彩层之上的文本程序性的初始化为透明的,当色彩渐变实现后,文本颜色会以其定义的值更新。
示例:
<br>#idDiv{position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.gradient(enabled='false',startColorstr=#550000FF, endColorstr=#55FFFF00) ;}<br>
<font color=blue>AlphaImageLoader</font>
语法:<br>
filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL ) <br>
属性:<br>
enabled  :  可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true  :  默认值。滤镜激活。 <br>
false  :  滤镜被禁止。 <br>
sizingMethod  :  可选项。字符串(String)。设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式。 crop  :  剪切图片以适应对象尺寸。 <br>
image  :  默认值。增大或减小对象的尺寸边界以适应图片的尺寸。 <br>
scale  :  缩放图片以适应对象的尺寸边界。 <br>
src  :  必选项。字符串(String)。使用绝对或相对 url 地址指定背景图像。假如忽略此参数,滤镜将不会作用。 <br>
特性:<br>
Enabled  :  可读写。布尔值(Boolean)。<br>
sizingMethod  :  可读写。字符串(String)。<br>
src  :  可读写。字符串(String)。<br>
说明:<br>
在对象容器边界内,在对象的背景和内容之间显示一张图片。并提供对此图片的剪切和改变尺寸的操作。如果载入的是PNG(Portable Network Graphics)格式,则0%-100%的透明度也被提供。<br>
PNG(Portable Network Graphics)格式的图片的透明度不妨碍你选择文本。也就是说,你可以选择显示在PNG(Portable Network Graphics)格式的图片完全透明区域后面的内容。<br>
示例:<br>
#idDiv{position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='rain1977.gif',sizingMethod='scale');}<br>
<b><font style="font-size:120%">[[静态滤镜]]</font></b> <br>
<b><font style="font-size:120%">[[静态滤镜]]</font></b> <br>
<b><font style="font-size:120%">[[转换滤镜]]</font></b> <br>
<b><font style="font-size:120%">[[转换滤镜]]</font></b> <br>

2009年2月13日 (五) 17:22的版本

界面滤镜
Gradient 语法:
filter : progid:DXImageTransform.Microsoft.Gradient ( enabled=bEnabled , startColorStr=iWidth , endColorStr=iWidth )
属性:
enabled  :  可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true  :  默认值。滤镜激活。
false  :  滤镜被禁止。
startColorStr  :  可选项。字符串(String)。设置或检索色彩渐变的开始颜色和透明度。
其格式为 #AARRGGBB 。 AA 、 RR 、 GG 、 BB 为十六进制正整数。取值范围为 00 - FF 。 RR 指定红色值, GG 指定绿色值, BB 指定蓝色值,参阅 #RRGGBB 颜色单位。 AA 指定透明度。 00 是完全透明。 FF 是完全不透明。超出取值范围的值将被恢复为默认值。 取值范围为 #FF000000 - #FFFFFFFF 。默认值为 #FF0000FF 。不透明蓝色。
EndColorStr  :  可选项。字符串(String)。设置或检索色彩渐变的结束颜色和透明度。参阅 startColorStr 属性。默认值为 #FF000000 。不透明黑色。
特性:
Enabled  :  可读写。布尔值(Boolean)。
GradientType  :  可读写。整数值(Integer)。设置或检索色彩渐变的方向。1 | 0 1  :  默认值。水平渐变。0  :  垂直渐变。
StartColorStr  :  可读写。字符串(String)。
StartColor  :  可读写。整数值(Integer)。设置或检索色彩渐变的开始颜色。 取值范围为 0 - 4294967295 。 0 为透明。 4294967295 为不透明白色。
EndColorStr  :  可读写。字符串(String)。设置或检索色彩渐变的结束颜色和透明度。参阅 startColorStr 属性。默认值为 #FF000000 。不透明黑色。
EndColor  :  可读写。整数值(Integer)。设置或检索色彩渐变的结束颜色。 取值范围为 0 - 4294967295 。 0 为透明。 4294967295 为不透明白色。当在脚本中使用此特性时,也可以用十六进制格式: 0xAARRGGBB 。
说明:
在对象的背景和内容之间显示定制的色彩层。
当此效果通过转变显示时,在渐变册色彩层之上的文本程序性的初始化为透明的,当色彩渐变实现后,文本颜色会以其定义的值更新。 示例:
#idDiv{position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.gradient(enabled='false',startColorstr=#550000FF, endColorstr=#55FFFF00) ;}

AlphaImageLoader 语法:
filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )
属性:
enabled  :  可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true  :  默认值。滤镜激活。
false  :  滤镜被禁止。
sizingMethod  :  可选项。字符串(String)。设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式。 crop  :  剪切图片以适应对象尺寸。
image  :  默认值。增大或减小对象的尺寸边界以适应图片的尺寸。
scale  :  缩放图片以适应对象的尺寸边界。
src  :  必选项。字符串(String)。使用绝对或相对 url 地址指定背景图像。假如忽略此参数,滤镜将不会作用。
特性:
Enabled  :  可读写。布尔值(Boolean)。
sizingMethod  :  可读写。字符串(String)。
src  :  可读写。字符串(String)。
说明:
在对象容器边界内,在对象的背景和内容之间显示一张图片。并提供对此图片的剪切和改变尺寸的操作。如果载入的是PNG(Portable Network Graphics)格式,则0%-100%的透明度也被提供。
PNG(Portable Network Graphics)格式的图片的透明度不妨碍你选择文本。也就是说,你可以选择显示在PNG(Portable Network Graphics)格式的图片完全透明区域后面的内容。
示例:

  1. idDiv{position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='rain1977.gif',sizingMethod='scale');}

静态滤镜
转换滤镜