search

adobe-accessibility / Accessible-Mega-Menu

A demonstration of how to implement a keyboard and screen reader accessible mega menu as a jQuery plugin.
Apache License 2.0
605 stars 199 forks source link

Background of menu items gone in IE9. #9

Closed austinstudio closed 10 years ago

austinstudio commented 10 years ago

Not sure why this is happening but in IE9, while using Accessible-Mega-Menu, the background of the menu item goes away. I can see the borders that are placed on the sub-nav component but the menu contents all have no background. It works correctly in IE 10, Chrome, Firefox and Safari it is just IE 9 that is having this problem. If I turn the absolute positioning off on the sub-menu div the menus show up but are taking up inline positioning which is bad. Please see attached screenshots. screenshot 2014-03-11 15 46 21 screenshot 2014-03-11 15 46 31

austinstudio commented 10 years ago

So I found what is causing the issue. I had a filter being applied for a gradient on the menu items. This filter was causing the coloring to not come in on the menu item in IE 9.

majornista commented 10 years ago

Cool, thanks. I hope you find our mega menu implementation helpful.

austinstudio commented 10 years ago

I actually love the menu. I do think there is a problem with the filter CSS that causes the sub item to have no background if there is a filter on it. I tried a bunch of things but eventually I just removed the filter and it worked ok.