Level 2 Submenu problems - Horizontal Spry Menu

Report · Aug 13, 2009

Okay, I have successfully implemented a horizontal spry menu. Most links don't have drop downs but there are some that has submenus. For example.

Main Link

> Products

> Services

Service 1

Service 2

Service 3

etc

The 1st submenu works fine (i.e. the one that would show products and services) and the second level submenu links work okay as well (ie Service 1, 2 etc) BUT ONLY in Firefox, Safari and Chrome. I CANNOT for life nor money get the second submenu to work in ie8. It just doesn't show! I need help urgently!

The site is in design process so there isn't a URL yet. If it would be helpful, I could upload everything onto my server so the files can be viewed. Just let me know what is required.

Has anyone encountered anything like this before? All very weird...and needless to say...very annoying too.

Thanks in advance for any suggestions.

Ben

Report · Aug 13, 2009

Update - it's a problem with opacity!

I wnated to have a submenu with 0.85 opacity. I had the following CSS in the file:

ul.MenuBarHorizontal ul
{

filter:alpha(opacity=85);
    -moz-opacity:0.85;
    -khtml-opacity: 0.85;
    opacity: 0.85;

This resulted in the second submenu disappearing in IE8...but it worked okay in all the other browsers.

Any idea for submenus with opacity in IE??

Ben

Report · Aug 14, 2009

Hope this makes sense, -

Use:

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80,FinishOpacity=70,Style=2)";

Note that -ms-filter property values must be quoted. Internet Explorer 8 will process existing unquoted filter declarations. However, the property will be applied if and only if its syntax is valid (all parentheses are present). If not, standard CSS 2.1 error recovery rules will apply and the property will no longer apply to your document. This may result in different rendering than Internet Explorer 7.

PZ