text not transparent

[jospiek]

I have a div tag that I made transparent with:

opacity: 0.90; 
filter: alpha(opacity=90); 
-moz-opacity: 0.90; 

In that div I have a table with text and background that I do NOT want to be transparent.

I have tried everything and then I arrived here.

Thanks in advance!

[penders]

Unfortunately the only way to make your table non-transparent, is if you take it out of your transparent DIV!

[jospiek]

Thanks have helped it!

translated by: nl.babelfish

[tonynoriega]

you could drop another DIV inside of your transparent DIV and it will not be transparent... ive done this already and it works, but takes a little extra code.

[penders]

you could drop another DIV inside of your transparent DIV and it will not be transparent... ive done this already and it works, but takes a little extra code.

I would very much like to see your code! :)

AFAIK the only way to make (what appears to be) the inner DIV not transparent when the outer DIV is transparent is to actually code the HTML so that the 'inner' DIV is in fact 'outside' the outer DIV (so it's not actually an 'inner' DIV), but then use CSS to position the 'inner' DIV on top of the outer DIV so that the 'inner' DIV looks like it is inside the outer DIV ...?!

[tonynoriega]

this has 3 layers.

one with a pattern in the background.

the second with a logo with the opacity

and the third with the text.

its a wild example, but it works.

there maybe a cleaner example, but this worked for my purposes.

<div style="background:#00ff00 url(pattern.jpg); width:475px; height:175px;">
<div style="width:460px; height:165px; background: url(images/logo.gif) center no-repeat; filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85;">
<div style="color:#000000; font-weight:bold; z-index:50;">TESTing 1234
</div>
</div>
</div>