Wed, 2007-08-01 10:01
How do I override the opacity setting?
.menuItem {
background-color: #E0E18C;
opacity: .65;
filter: alpha(opacity=65);
}
.menuItemText {
font-family: "Lucida Sans Unicode";
/* must not be opaque, override .menuItem*/
opacity: 1.0;
filter: alpha(opacity=100);
}
Company Profile
It doesn't work, i.e., the words "Company Profile" are still 65% opaque not 100% as defined in .menuItemText..
Help?
Wed, 2007-08-01 10:41
#1
You can't. Opacity is
You can't. Opacity is applied to the parent after all its content, including any child elements have been rendered. You can think of it as an operation that is applied as the parent is being drawn on its parent, much like the way elements are combined in photoshop (where a parent and its children would by similar to a group and its layers).
Wed, 2007-08-01 10:54
#2
Thank you! that cleared
Thank you! that cleared things up for me 
im now using
onMouseOver="this.style.opacity = '1'; this.style.filter = 'alpha(opacity=100)';"
instead. It works perfect
Thanks for the info!