Opacity

[Lauryn]

I'm using a css opacity code on my Myspace and I want the table background to be transparent but not the images and/or text. I've been searching the web all day and I cannot find a solution to this problem.
Here is the code I am working with...

<style type=text/css>
body {
background-image: url(http://www.wakizashi.net/Disg.jpg);
background-attachment: fixed;
background-repeat: repeat;
background-position: top left;
background-color: transparent;
scrollbar-face-color: FFFFFF;
scrollbar-highlight-color: 000000;
scrollbar-3dlight-color: 000000;
scrollbar-shadow-color: 000000;
scrollbar-darkshadow-color: 000000;
scrollbar-arrow-color: 000000;
scrollbar-track-color: FFFFFF;
}

table, tr, td{background-color:transparent;;
border:0px;;
padding:2;}

table table{border:0px;}

table table table {border:5px solid;;
border-color: 000000;;
padding:2;;
background-color:transparent;}

table table table table{border:0px;}

table table table td {
background-color: FFFFFF;
filter: alpha(opacity=50);
-moz-opacity: 0.50;
opacity: 0.50;
}

.pse
table, tr, td, li, p, div {
font-family: Verdana;
font-size: 12px;
color: 000000;
}
.btext, .blacktext10, .blacktext12, .lightblue8, .orangetext15, .redtext, .redbtext, .text, .whitetext, .nametext {
font-family: Verdana;
font-size: 12px;
color: 000000;
}
a:active, a:visited, a:link {
font-family: Verdana;
font-size: 12px;
color: 3366FF;
}
a:hover {
font-family: Verdana;
font-size: 12px;
color: FF6393;
}
a.navbar:active, a.navbar:visited, a.navbar:link {
font-family: Verdana;
font-size: 12px;
color: 3366FF;
}
a.navbar:hover {
font-family: Verdana;
font-size: 12px;
color: 3366FF;
}
a.redlink:active, a.redlink:visited, a.redlink:link {
font-family: Verdana;
font-size: 12px;
color: 3366FF;
}
a.redlink:hover {
font-family: Verdana;
font-size: 12px;
color: FF6393;
}
img,a:active img,a:visited img,a:link img {
border: 0px;
filter: none
}

.contactTable {
width:300px !important; height:150px !important; padding:0px !important;
background-image:url(http://www.wakizashi.net/Disgtable.jpg);
background-attachment:scroll; background-position:center center;
background-repeat:no-repeat; background-color:transparent;}
.contactTable table, table.contactTable td { padding:0px !important;
border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px !important;}
.contactTable a {display:block; height:28px; width:115px;}
.contactTable .text {font-size:1px !important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}
.contactTable .whitetext12 {display:none;}
</style>

[jscheuer1]

You are not being very clear. What do you want, a transparent background? If so, background-color:transparent;. But, I think you want a partially opaque background. The best way to do that is to use a semi-transparent .png as a background image. This will work in all modern browsers except IE 6 and earlier.