-
HTML Question: Background Transparency in Table
Happy Holidays All,
Does anyone know if there is a way to control the trnsperency level of a colored background within a table?
Any help would be great!
Thanks
Dan
Vist us at: http://www.topshelfcatering.com
http://www.northeastbartenders.com
http://imouttahere.com
-
-
Senior Member
Mozilla has a "-moz-opacity" stylesheet property, which can control the opacity of an element in the page. I guess could be used together with some layering to create the effect, that is have an identical table z-indexed above the semi transparent one which can hold your text. in this second table set background-color: transparent so the table behind would show through.
I'm not sure how well this would work though, and internet explorer wouldn't be able to render the page either.
http://www.blooberry.com/indexdot/cs...extensions.htm
-
Not Quite Sure How to go about that...
I think you have the idea of what I am trying to do though. I have a background image for the page that I don't want to cover with a bunch of tables and text. But the text is difficult to read when I place it directly onto the background. Any Ideas how to over come that?
Thanks
Dan
Vist us at: http://www.topshelfcatering.com
http://www.northeastbartenders.com
http://imouttahere.com
-
Senior Member
I'll try out a couple of things tonight see if I can come up with something that works
-
Thanks
Thanks!
That would be great I'd appreciate that.
Dan
Vist us at: http://www.topshelfcatering.com
http://www.northeastbartenders.com
http://imouttahere.com
-
Found What I am Looking For...
Found What I am Looking for thanks again for your help!
Example:
<TABLE bgColor=#EAECC0 border=7 borderColor=#90924C borderColorDark=#454632 borderColorLight=#A7A96F height="80%" " width="70%" style="FILTER: alpha(opacity=60)" >
Vist us at: http://www.topshelfcatering.com
http://www.northeastbartenders.com
http://imouttahere.com
-
Senior Member
Hi,
You can also use this to get the effect working in both internet explorer and Mozilla related browsers (netscape 6+, etc)
<TABLE bgColor=#EAECC0 border=7 borderColor=#90924C borderColorDark=#454632 borderColorLight=#A7A96F height="80%" " width="70%" style="-moz-opacity: 60%; filter: alpha(opacity=60);">
just add the -moz-opacity bit, it seems neither browser complains about having the property it doesn't understand included so by having both internet explorer will use the filter and mozilla will use -moz-opacity
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts
-
Forum Rules
|
Click Here to Expand Forum to Full Width
|