opacity Options

[Smarmosaur]

i don't know if this is possible, but is there any way to make the white table background thingy translucent?

http://www.myspace.com/animatedheart

to explain a little more, i want the white background (and the top blue area, although i'm going to change the color) to be translucent (preferably like 50% strong), but only the background. i want the rest of my tables and such to stay just as they are.
catch my drift?

thanks in advance. :]

[fixtatik]

what you could do is make a small 1x1 transparent PNG image in a photo editing program.

then, apply it to only the base table:

CODE

<style type="text/css">
table { background:url(LINK TO TRANSPARENT PNG); }
table table { background:none; }
</style>

of course, that approach will only work in internet explorer 7+ (and all other browsers).

i believe if you want it to work in version 6 (which is the only other browser of IE that supports PNG transparency), you can apply this fix:

CODE

<style type="text/css">
table { background:url(LINK TO TRANSPARENT PNG); _background:none; _filter:progid:DXImagetransform.Microsoft.AlphaImageLoader(enabled="true", src="LINK TO TRANSPARENT PNG", sizingMethod="scale"); }
table table { background:none; _filter:none; }
</style>

i don't remember if that's the exact method to call the PNG rendering engine in IE 6; it's been a while since i had that version.

[Smarmosaur]

that doesn't work. :[
i tried this:

CODE

table, td{background-color:transparent; background-image: url("http://i6.photobucket.com/albums/y213/Vampyres_of_Myst/Backgrounds/trans.png");}

but it leaves a whiteish background on the rest of the tables:

click to enlarge

[fixtatik]

i forgot a small part. the second portion should be table table, td { background:none; }

//edit: also, if you keep the "table, table" part, if you're using a standard layout, it'll make the rest of the tables transparent. you can give that a color or image background if you'd like, but make sure "td" still has a background of none.

[Smarmosaur]

i figured that, but for some reason i was doing background:transparent, which didn't work.

thanks a million.

[manny-the-dino]

Topic Closed & Moved