i was on gmail the other day and i noticed the way the background fades when the 'label' name change option popups... i tried this with the opacity css value but it keeps fading the popup too ... pleez help.. i have uploaded the html file as a .txt extention...
08-27-2010, 11:05 AM
You need to understand the CSS spec when it comes to the opacity property. The opacity rule is applied to an element and all children elements of that element. Moreover, no child element can have an opacity greater than their parent element.
In the above code, the popup div will still appear faded because it's opacity cannot exceed 0.6, the lowest opacity of it's ancestor elements.
The only way to make a child element appear more opaque than an ancestor, is to use positioning and trickery. Because there is no exception to the rule that children can have higher opacities than parents, you need to place 'children' outside of their 'parents' in the markup and then use some fancy CSS to position them as if they were children.
08-27-2010, 11:10 AM
i c.. thnx... so i have to create the popup in the body and create another div in the body and fade the div.. and a little bit of z-index???/