June 19th, 2003, 04:45 PM
alpha effect css on tables...
i'm trying to create a template for phpbb which will look a lot cleaner (and hopefully pretty good)...
and i'd like to have a table class which would have an alpha-effect background (I'm going to put an image as the background for the page, so the table would be translucent-white, making the the text more readable)..
so I found the syntax on w3schools and tried out, but it creates an alpha effect upon all of the table - including the contents. Is there a way to avoid this?... I want a table like this one, to clear it up. http://thetruth.com/global/desktop/index.cfm?id=6 - the table overlaid onto the image ( yes i know i could steal that stylesheet, but ie wouln't let me view source.
Any ideas? Thanks...
June 19th, 2003, 04:51 PM
June 19th, 2003, 05:01 PM
View the source of the page you linked. In it, they used a <div> with the transparent filter applied, then placed the text within another <div>.
So, as long as you contain your content within another element, it should work fine.
Edit: You do know that filter only works in IE, right?
Last edited by Slak; June 19th, 2003 at 05:06 PM.
June 19th, 2003, 06:01 PM
you can combine the alpha effect with a semi-transparent png as background so you will have support for more than one browser,
June 19th, 2003, 06:12 PM
awesome idea, i think i'll try that... it'll be easier to write too, since creating 2 divs in each table would take a lot of rewriting stuff... (plus i have almost no comprehension of what the mysterious "div" is or what it does)
June 19th, 2003, 06:22 PM
is there any reason why this wouldn't work in ie? i haven't gotten it to work yet but probably can with some more trial and error.
June 19th, 2003, 06:39 PM
I could be wrong, but last time I checked, IE didn't support alpha transparencies in PNG files.
June 19th, 2003, 06:41 PM
ah.. ok. kinda stuck then. i guess the site looks pretty good right now, without transparencies
June 19th, 2003, 06:57 PM
June 19th, 2003, 07:38 PM