After searching high and low I cannot seem to figure out this problem.

I have a faded background image on my site, I would like my containers to have a degree of transparency so i can see the image through them, but not completely transparent as then it is too hard to read the txt in the containers. The problem is that instead of just applying the transparency to thh backgound color of the container, it seems to apply it to everything, including the txt, images, etc in the container.

Here the simple code so far:

container:

<table class="containermaster">
 <tr>
  <td colspan="2" valign="middle" nowrap>[ACTIONS]&nbsp;[TITLE]</TD>
 </tr>
 <tr>
  <td colspan="2" id="ContentPane" runat="server" align="center"></TD>
 </tr>
 <tr>
  <td align="left" valign="middle" nowrap>[ACTIONBUTTON:1]</TD>
  <td align="right" valign="middle" nowrap>[ACTIONBUTTON:2]</TD>
 </tr>
</table>
 

Container.css

.containermaster {background-color: white; opacity: 0.65;  filter: alpha(opacity=65);}

I have tried wrapping it all in a div or another table, with no luck.

steve

I've done this by covering the whole page with a faded color div. Then I put my content into a table inside. Give all panes and containers transaparent backgrounds.

Something like this:

<div class="containermaster">
<table>
 <tr>
  <td id="ContentPane" runat="server"></td>
 </tr>
</table>
</div>

Skin.css
.containermaster {background-color: white; opacity: 0.65;  filter: alpha(opacity=65);}

Drop your email address in here if you want to see where I did this.

Rob

I would like to see your solution, steve@morduegreenlight.com