PDA

View Full Version : Translucent backgrounds


digitalchaos
November 14 '02, 12:30 AM
I am attempting to create some translucent table backgrounds on my site, similar to what you see here: www.mm2x.com. I found the css to do this was FILTER: alpha(opacity="75"). I have only seen the code used when linking to an external style sheet, and have not been able to recreate the effect when using the STYLE attribute for a TD. Does anyone know how to implement this effect using the style attribute, or if not, perhaps another way?

nsr81
November 14 '02, 07:28 AM
Here ya go :)

<td style="FILTER: alpha(opacity='75')">

Martin
November 14 '02, 07:36 AM
That is IE specific by the way, it won't work in Mozilla/Netscape + other browsers.

digitalchaos
November 14 '02, 04:27 PM
Thanks. It works now, so my exclusion of the ' around the variable probably prevented it from working before.

Can the background be made translucent without fading the text or other objects within the cell? And does a method exist to do this which works with all browsers?

digitalchaos
November 16 '02, 04:03 PM
Do new versions of Netscape support PNG? I was thinking of creating a translucent PNG image for a background to prevent fading the text and for compatibility. I was also considering using css positioning to position a text block over the Data cell containing the FILTER to stop the text from fading with the background; but I don't think it would be interpreted equally..

filburt1
November 16 '02, 04:04 PM
I'm pretty sure that the latest versions of NS which are basically Mozilla littered with AOL nonsense support .png images. However they won't support most CSS filter methods.

DirectPixel
November 24 '02, 06:38 PM
The best way, IMO, is to set background images.:)