View Full Version : Opacity???


Gmagee101
01-07-2005, 07:22 PM
:cloud:I'm trying to make my DIV elements have opacity. Is this impossible? is there another way i can do this? :cloud:

dontstay
01-07-2005, 07:43 PM
No, it's possible. There is one way that ONLY works in Internet Explorer:

style="filter: alpha(opacity=XX);"

Where XX is the amount.. a higher number (75) for more opaque, lower number (25) for less-opaque.

Use that in conjunction with the Mozilla-friendly version:

style="opacity: .XX; -moz-opacity: .YY;"

Where .XX is the opacity.. say.. .75, and .YY is 100 - XX. For example... If you want an opacity of 75%, you would have:

style="opacity: .75; -moz-opacity: .25;"

An opacity of 50%:

style="opacity: .50; -moz-opacity: .50;"

etc etc

Gmagee101
01-07-2005, 07:46 PM
Thank you!

Gmagee101
01-07-2005, 07:58 PM
um, also, does anyone happen to know how to make it so the font doesn't have opacity, but the background does?

MaGiCSuN
01-07-2005, 08:24 PM
does your div uses absolute positioning? if so, position two on top of each other and make the bottom div have the opacity, the other with the text in it not.

otherwise, nope no solution for it other then making an image of the background :)

Love,
Mirna

dontstay
01-08-2005, 05:43 PM
Exactly what MagicSun said, or make the text color in your div with the opacity a little darker, so with the opacity it will make it a little lighter than the color you specify. If that makes any sense.