Page 1 of 1

Top menu + 2 columns + opacity

Posted: Wed Apr 30, 2008 8:22 pm
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

Re: Top menu + 2 columns + opacity

Posted: Thu May 01, 2008 4:27 pm
by Dr.CSS
Where did you set this filter?...

Re: Top menu + 2 columns + opacity

Posted: Thu May 01, 2008 6:31 pm
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!

Re: Top menu + 2 columns + opacity

Posted: Mon May 05, 2008 12:18 pm
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.