css滤镜alpha的用法

 

<! DOCTYPE HTML PUBLIC  " -//W3C//DTD HTML 4.0 Transitional//EN " >
< HTML >
  < HEAD >
   < TITLE >  New Document  </ TITLE >
< style type = " text/css " >
<!--
div#div1 ... { height:240px;
          filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);
}
-->
</ style >
< SCRIPT LANGUAGE = " JavaScript " >
<!--
     function  changeAlpha(value)
     ... {
        var div1=document.getElementById("div1");
        div1.filters[0].opacity=value;
    }
// -->
</ SCRIPT >
  </ HEAD >
  < BODY >
  < div id = " div1 " >
< img src = " 1.jpg "  alt = ""  height = 300  width = 300   />
  </ div >
 请选择颜色：
  < select onchange = " changeAlpha(this.value) " >
  < option value = " 99 " > 透明度 </ option >
  < option value = " 20 " > 20 </ option >
  < option value = " 40 " > 40 </ option >
  < option value = " 60 " > 60 </ option >
  < option value = " 80 " > 80 </ option >  
  </ select >   
  </ BODY >
</ HTML >