DW MX 2004 CSS 属性详解

日期：2007年8月1日作者：查看:[大字体中字体小字体]

ALPHA 属性

【Alpha滤镜属性】这个名字，在Flash和Photoshop经常见到。它们的作用基本类似，就是把一个目标元素与背景混合。你可以指定数值来控制混合的程度。这种“与背景混合”通俗地说就是一个元素的透明度。通过指定坐标，可以指定点、线、面的透明度。由于“Alpha”滤镜的参数多，我们先来看一下下边的表格：

参数名

效果说明

取值说明

Opacity
不透明的程度，百分比。取值0～100
FinishOpacity
可以制作出透明渐变的效果。取值0～100
Style
指定渐变的显示形状。 0：没有渐变；1：线性渐变；
2：圆形渐变；3：矩形辐射。
StartX
渐变开始的 X 坐标值　
StartY
渐变开始的 Y 坐标值　
FinishX
渐变结束的 X 坐标值　
FinishY
渐变结束的 Y 坐标值　
“opacity”：代表透明度程度。范围是从0~100，他们其实是百分比的形式。也就是说，0代表完全透明，100代表完全不透明。
“finishopacity”：是一个可选参数，如果想要设置渐变的透明效果，就可以使用他们来指定结束时的透明度。范围也是0 到 100。
“style”：指定了透明区域的形状特征。其中0代表统一形状、1代表线形、2代表放射状、3代表长方形。
“StartX”和“StartY”：代表渐变透明效果的开始X和Y坐标。
“FinishX”和“FinishY”：代表渐变透明效果结束X和Y坐标。

请看下面的演示：

Alpha 属性值：　　
Alpha(Opacity=50, FinishOpacity=100, Style=0, StartX=0, StartY=0, FinishX=100, FinishY=100)
Alpha(Opacity=10, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=100)
Alpha(Opacity=10, FinishOpacity=100, Style=2, StartX=0, StartY=0, FinishX=100, FinishY=100)
Alpha(Opacity=10, FinishOpacity=100, Style=3, StartX=0, StartY=0, FinishX=100, FinishY=100)

Style 加载在单元格<td>上显示效果如下图：

原图

style=0

style=1

style=2

style=3

Style加载在图片上显示效果如下图：