IE8を使用してHTMLテーブルに透明度を追加するには

Question

現時点でいくつかのHTMLの作業に取り組んでいますが、ちょっとした問題が出てきました。私は、ロールオーバー効果を作成するためにホットスポットを使用するイメージを持っています。ロールオーバー内にも私はhtmlテーブルを持っていますが、ロールオーバーするとホットスポット領域は緑色に変わりますが、テーブルは白色のままです。 私はこのテーブルを透明にする方法はありますか？私がコメントアウトしているの下にあなたが見ることができるように

私は以前にしようとしたものを（フィルタ：アルファ）テーブルの

コードがある... Css-Tricks.comから

<div style="position:absolute; left: 709px; top: 353px; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;"> 
<table width="50" border="0" ><!-- style="filter:alpha(opacity=80);"--> 
<tr> 
<td colspan="2" align="center" style="font:'Courier New', Courier, monospace; font-size:10px">Lvl.20</td> 
</tr> 
<tr> 
<td width="25"><IMG id="t11" style="cursor: hand; WIDTH: 24px; HEIGHT: 22px;" name=disp alt="Lvl.20" src="../../Icons/circle_cancel.png"></td> 
<td width="25"><IMG id="t12" style="cursor: hand; WIDTH: 24px; HEIGHT: 22px;" name=disp alt="Lvl.20" src="../../Icons/circle_cancel.png"></td> 
</tr> 
</table> 
</div> 

Answer 1

：

.transparent { 
     /* Required for IE 5, 6, 7 */ 
     /* ...or something to trigger hasLayout, like zoom: 1; */ 
     width: 100%; 

     /* Theoretically for IE 8 & 9 (more valid) */ 
     /* ...but not required as filter works too */ 
     /* should come BEFORE filter */ 
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 

     /* This works in IE 8 & 9 too */ 
     /* ... but also 5, 6, 7 */ 
     filter: alpha(opacity=50); 

     /* Older than Firefox 0.9 */ 
     -moz-opacity:0.5; 

     /* Safari 1.x (pre WebKit!) */ 
     -khtml-opacity: 0.5; 

     /* Modern! 
     /* Firefox 0.9+, Safari 2?, Chrome any? 
     /* Opera 9+, IE 9+ */ 
     opacity: 0.5; 
} 

これはすべてのブラウザ向けです。