transparent background

@blueandconfusedAug 25.2005

i want to have a white background in tables on a black background but i want to be able to see what the background picture is through the white tables. like a transparent white or something. do you know what i mean? and how would i do that?

to post a comment

HTML

@NogDogAug 25.2005 — #Use a semitransparent image as the background for the table.

@The_Little_GuyAug 25.2005 — #I found this, but im not sure if it works or not:

<i>
 </i>&lt;div id="seethru" style="z-index: 1;position:absolute; top:10; left:10;"&gt;
 &lt;table width="100%" cellpadding="2" cellspacing="5" border="0"&gt;
 &lt;tr&gt;
 &lt;td colspan="2" background="table1bg.gif" style="filter:alpha(opacity=25)"&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td background="table1bg.gif" style="filter:alpha(opacity=25)" width="200"&gt;&lt;/td&gt;
 &lt;td background="table1bg.gif" style="filter:alpha(opacity=25)"&gt;    &lt;/td&gt;
 &lt;/tr&gt;
 &lt;/table&gt;
 &lt;/div&gt;
 
 &lt;div id="content" style="z-index: 2;position:absolute; top:10; left:10;"&gt;
 &lt;table width="100%" cellpadding="2" cellspacing="5" border="0"&gt;
 &lt;tr&gt;
 &lt;td colspan="2"&gt;CONTENT&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td width="200"&gt;CONTENT&lt;/td&gt;
 &lt;td&gt;CONTENT&lt;/td&gt;
 &lt;/tr&gt;
 &lt;/table&gt;
 &lt;/div&gt;

@blueandconfusedauthorAug 25.2005 — #yeah the filter alpha opacity works for that. you dont need to use a background image on the tables at all the code is just

[CODE]
 table{background-color:ffffff;filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;
 }[/CODE]

i just thought i'd let you know in case anyone else wants to do this.

@NogDogAug 25.2005 — #However, it probably only works in IE.

@blueandconfusedauthorAug 26.2005 — #nope it works in mozilla and firefox.

transparent background

5 Comments(s) _↴

Also in #HTML _↴

Success!

Social

Version

transparent background

5 Comments(s) ↴

Also in #HTML ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

5 Comments(s) _↴

Also in #HTML _↴