Log In · Register

 
opacity
Smarmosaur
post Jun 30 2008, 11:07 PM
Post #1


AKA RockIt Studios
******

Group: Official Member
Posts: 2,286
Joined: Jun 2006
Member No: 421,809



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. :]
 
 
Start new topic
Replies
fixtatik
post Jun 30 2008, 11:33 PM
Post #2


Senior Member
******

Group: Member
Posts: 1,237
Joined: May 2008
Member No: 648,123



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.
 

Posts in this topic


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: