帮忙：如何让table里面透明，可以看到背景图片！
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" href='stylemain.css' type='text/css'>
<link rel="stylesheet" href='colors.css' type='text/css'>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="Pragma" content="no-cache">
<!-- <meta http-equiv="refresh" content="30">-->
<title></title>
<base target="_self">
<script language="JavaScript" type="text/JavaScript">
<!--
//-->
</script>
<style type="text/css">
alpha
{filter: Alpha(Opacity=50)}
<!--
.STYLE1 {
font-size: 16px;
font-weight: bold;
color: #000000;
}
-->
</style>
</head>
<body>
<form>
<div align="center" id="panel_general" style="width: 728px;height: 500px;background: url(./background.jpg) repeat-x" >
<table border="0" cellpadding="3" cellspacing="0" align="center" width="594">
<center>
<p align="center"> </p>
<tr> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</tr>
<tr> <td> </td></tr>
<tr>
<td align="center"><div align="center" class="STYLE1">
<p align="center"><font>fdhdhdfhf</font></p>
</div></td>
</tr>
<tr>
<td align="center" height="6"></td>
</tr>
<tr>
<td align="center"><font class="STYLE1"><b> fdsfsdfsdfs </b></font></td>
</tr>
<tr>
<td align="center" height="6"></td>
</tr>
<tr> </tr>
<tr>
<td align="center"><font><b> </b></font></td>
</tr>
<tr>
<td align="center" height="13"></td>
</tr>
<tr> </tr>
</center>
</table>
<table border="0" cellpadding="3" cellspacing="0" align="center" width="100">
<tr>
<td align="center">
<input type='button' class="STYLE1" style="Font-Weight:bold;" onClick='btnApply()' value='Av'>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
现在的情况是文字后面是白色的，我想让文字跟图片浑然一体，可以看到背景！把table弄成透明？
怎么改啊？
[解决办法]
table
{
opacity:0.5;
filter:alpha(opacity=50); }
[解决办法]
[解决办法]