设置DIV背景颜色透明度

本节向大家爱描述一下如何设置DIV背景颜色透明度，opacityOpacity设置或检索透明渐变的开始透明度，Opacity代表透明度等级，可选值从0到100，0代表完全透明，100代表完全不透明。Style参数指定了透明区域的形状特征。

创新互联公司是一家集网站建设,牙克石企业网站建设,牙克石品牌网站建设,网站定制,牙克石网站建设报价,网络营销,网络优化,牙克石网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

设置DIV背景颜色透明度

通常我们通过DIV的style样式属性filter来设置DIV背景透明样式。可根据alpha提供的如下参数进行组合控制：

 
 
 
 

  
  
  
  
filter:Alpha(enabled=bEnabled,style=iStyle, 
  
  
  
  
opacity=iOpacity,finishOpacity=iFinishOpacity, 
  
  
  
  
startX=iPercent,startY=iPercent, 
  
  
  
  
finishX=iPercent,finishY=iPercent); 
  
  
  
  

 
 
 
 

各参数含义如下：

enabledEnabled设置或检索滤镜是否激活。

styleStyle设置或检索DIV背景透明渐变的样式。

opacityOpacity设置或检索透明渐变的开始透明度。

finishOpacityFinishOpacity设置或检索DIV背景透明渐变的结束透明度。

startXStartX设置或检索DIV背景透明渐变开始点的水平坐标。

startYStartY设置或检索DIV背景透明渐变开始点的垂直坐标。

finishXFinishX设置或检索DIV背景透明渐变结束点的水平坐标。

finishYFinishY设置或检索DIV背景透明渐变结束点的垂直坐标。

　Opacity代表透明度等级，可选值从0到100，0代表完全透明，100代表完全不透明。Style参数指定了透明区域的形状特征。其中0代表统一形状；1代表线形；2代表放射状；3代表长方形。

　Finishopacity是一个可选项，用来设置结束时的透明度，从而达到一种渐变效果，它的值也是从0到100。StartX和StartY代表渐变透明效果的开始坐标，finishX和finishY代表渐变透明效果的结束坐标。
从上面讲的我们可以看出，如果不设置透明渐变效果，那么只需设置opacity这一个参数就可以了。说了这么多，我们来看一个实例吧（见下图）：

实现上面这种效果的代码如下：

 
 
 
 

  
  
  
  
　　
  
  
  
  
　　
  
  
  
  
　　
  
  
  
  
　　
  
  
  
  
　　
  
  
  
  
　　
  
  
  
  
　　

  
  
  
  
　　
  
  
  
  
　　Beautiful
//*定义字体属性，前景色为红色*//