TRANSPARENT TABLE WITH COLOR

ryankc33 · Joined: 25 Jun 2005 Posts: 1

I have a graphic I made in Photoshop as my background and I have individual tables on my page on top of the background. They are brown and I need them to be semi-transparent to show part of the graphic in the background through.

Here's what I have so far:
<style type="text/css">
body {
background-color:ffffff;
background-image: url(http://home.comcast.net/~ichigo_0723/linesss.gif);
background-attachment: fixed;
}</STYLE>
<style>table, tr, td {background-color: transparent; border:; padding:0;}
table table {border: 0;}
table table table {border: 4px solid;border-color:7E9DE5; background-color:B78314; padding:0;
}
table table table table{border:0;}

degsy · Joined: 23 Feb 2005 Posts: 2440 Location: North East, UK

There are a few methods

You can use a semitransparent GIF as the table background to give the appearance of transparency.

You could use CSS and MSDN filters to add transparency.

Here is a PHP method to use PNG transparencies
http://koivi.com/ie-png-transparency/

http://www.degs.co.uk/test/css/transparency/grey-trans.php