大家看看这个透明层的效果是js做的么？

Question

挖出来的<style>
.divshow {
display: block;
position:absolute;
width:150px; z-index:1
}
.divhidden {
display: none;
position:absolute;
width:150px; z-index:1
}</style>
<script language="JScript">
<!--
function showdiv(div){
div.className='divshow';
div.style.left=event.x+document.body.scrollLeft-div.width-5;
div.style.top=event.y+document.body.scrollTop+20;
}
//-->
</script>
<img src="0.gif" width="65" height="64" border="0" style="cursor:hand"  onmousemove="javascript:showdiv(div133);" onmouseout="javascript:div133.className='divhidden';">
<div id="div133" class="divhidden" width="200"> 
                    <table width="200" border="1" cellpadding="5" cellspacing="0" bordercolor="#666666" bgcolor="#e9e9e9" class="titlediv" style="border-collapse:collapse">
                      <tr> 
<td bgcolor="#f1f1f1">教程名称：腐蚀的金属字<BR>点击率：3796 </td>
                      </tr>
                      <tr>
                        <td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                         <td>Photoshop</td>
                         <td><div align="right">中国互动力</div></td>
                       </tr>
                     </table></td>
                      </tr>
                    </table>
              </div>

Answer 1

用JS脚本处理事件+CSS的滤镜效果可以很好的实现啊！

Answer 2

定义滤镜样式就可以是层看起来透明
<style>
.titlediv {
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
font-size: 12px;
font-weight: normal;
word-break:break-all;
filter: Alpha(Opacity=80, FinishOpacity=30, Style=1, StartX=1, StartY=1, FinishX=100, FinishY=100);
}
</style>
<div id=dd class=titlediv>
ff
</div>