CMS Made Simple Forums

Hi there!!!

I'm trying to add opacity on the horizontal menu. I works fine in Firefox but when I try to see how I looks like in IE I can't see all the submenus. Anyone know what to do???????

Link to test site: www.kalle.felipe.se/cms


here is the code:

in "Navigation: CSSMenu - Horizontal"

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/*
just add
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul ul ul,
for fourth level
*/
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul {
   display: none;
opacity: 0.5; filter: alpha(opacity=50);
}

/* add



the menus that disappear in IE is under :

Default Extensions --> Modules -->
                          --> Tags     -->

I realy hope anyone can help me with this.....

/Thankx!!!!!

 

I'm not too good in CSS but if you have display:none then this item won't get shown in the browser. So you CSS makes no sense to me?!

display:none indicate just that the submenu wont show all the time, just on hover. So the problem is not there!!!!

Your pages does not validate.


Maybe that has something to do with it.

nd the fact you added it to you style sheet so IE may be picking it up twice making the last level invisible...

What version of IE are you running? I believe IE6 and before don't recognize opacity. I develop on IE6 mostly (to insure compatibility) and opacity doesn't work without some javascript workarounds, so far as I know.