Opacity changes the opacity of the entire item and everything within it.
There is no way to work around opacity if you're going to use it. I
would recommend using a transparent single-pixel graphic of whatever
color you wanted and just make your that your background. background:
url(transbackground.png) repeat;
Other than that, you could use RGBA or HSLA properties, but some older
browsers don't support them. background: rgba(255,255,255,.5); to make a
semitransparent white background.
- Brandtley
On 5/27/2011 1:55 PM, Lucas Rezende wrote:
Hi all,
I have been looking for some explanation about how inherit properties
from a CSS class to a specific tag.
For example, in this case I am using an id called "#rodape" (footer in
Portuguese as I am from Brazil), an in it I am using the "opacity: .
50;" property.
When I put some text inside the "rodape" id it gets the opacity
property as well I barely can see the letters.
What I tried to do was to create a derived Id, just like shown below:
#rodape news {
color: black;
}
But even using this on my<div id="news">, inside<div id="rodape">,
the text appears like light grey.
Can someone help on how to put the text with full opacity when I am
using half opacity on an extern div?
Thanks in advance! (Y)
--
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
