DIV设置背景颜色的透明度

《DIV设置背景颜色的透明度》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、div设置背景颜色透明度  2008-10-1414:29:13

2、  分类：css

3、  标签：

4、字号大中小 订阅cssdiv宽高比例  通常我们通过div的style样式属性filter来设置div的背景透明样式。可根据alpha提供的如下参数进行组合控制：filter:Alpha(enabled=bEnabled,style=iStyle,opacity=iOpacity,finishOpacity=iFinishOpacity,startX=iPercent,startY=iPercent,finishX=iPercent,

5、finishY=iPercent);     各参数含义如下：    enabledEnabled设置或检索滤镜是否激活。     styleStyle设置或检索透明渐变的样式。     opacityOpacity设置或检索透明渐变的开始透明度。     finishOpacityFinishOpacity设置或检索透明渐变的结束透明度。      startXStartX设置或检索透明渐变开始点的水平坐标。     startYStartY设置或检索透明渐变开始点的垂直坐标。     finishXFinishX设置或检索透

6、明渐变结束点的水平坐标。     finishYFinishY设置或检索透明渐变结束点的垂直坐标。　Opacity代表透明度等级，可选值从0到100，0代表完全透明，100代表完全不透明。Style参数指定了透明区域的形状特征。其中0代表统一形状；1代表线形；2代表放射状；3代表长方形。　　Finishopacity是一个可选项，用来设置结束时的透明度，从而达到一种渐变效果，它的值也是从0到100。StartX和StartY代表渐变透明效果的开始坐标，finishX和finishY代表渐变透明效果的结束坐标。     从上面讲的

7、我们可以看出，如果不设置透明渐变效果，那么只需设置opacity这一个参数就可以了。说了这么多，我们来看一个实例吧（见下图）：实现上面这种效果的代码如下：　　　　　　　　　　　　　　

9、l>　　如果在上面的代码中稍做改动，则将产生另外多种效果。我们只修改img的样式属性，把head中的Img样式属性代码改为如下所示：　　img{position：absolute；top：20；left：40；　　filter：alpha(opacity=0,finishopacity=100,　　style=1,startx=0,starty=85,finishx=150,finishy=85);}　//*设置透明渐变效果，起始坐标，终止渐变坐标，并设置透明样式值（style=1）为　　　线形*//　　这段代码产生的效果如左下

10、图所示，右面的两幅图分别是把Alpha中的Style参数值为2和3后的效果，点击缩略图可放大。　　　　　　　　Style=1　　　　　　　　Style=2　　　　　　　　Style=3