Top menu + 2 columns + opacity

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
tiito78
New Member
New Member
Posts: 8
Joined: Wed Apr 30, 2008 8:16 pm

Top menu + 2 columns + opacity

Post by tiito78 »

hi people!!!

Hope someone can help me. I´m trying to set a opacity to the dropdown menu on the "Top menu + 2 columns template. When I do so, the text also gets the opacity, and it is very hard to read the menu. How can I solve this, so just the background of the menu gets the opacity and nothings else???

FILTER: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;

Hope someone help me....

/tiito78
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am
Location: Arizona

Re: Top menu + 2 columns + opacity

Post by Dr.CSS »

Where did you set this filter?...
tiito78
New Member
New Member
Posts: 8
Joined: Wed Apr 30, 2008 8:16 pm

Re: Top menu + 2 columns + opacity

Post by tiito78 »

I have set it in the "Navigation: CSSMenu - Horizontal".

code:

}
#primary-nav ul {
  position: absolute;
  top: auto;
  display: none;
FILTER: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;
}
#primary-nav ul ul {
  margin-top: 1px;
  margin-left: -1px;
  left: 100%;
  top: 0px;
FILTER: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;
}

The problem doing like this is that the 3.e level (sub sub menu) menu disappear. Hope you understand me!
KO
Power Poster
Power Poster
Posts: 562
Joined: Mon Nov 06, 2006 7:55 pm
Location: Helsinki, Finland

Re: Top menu + 2 columns + opacity

Post by KO »

If you set opacity for something then every child inherits that. So if you give opacity:0.8 to every , , or whatever you have inside it will have that opacity.
Post Reply

Return to “Layout and Design (CSS & HTML)”