css - IE9 Dropdown menu - Filter bug -
i have dropdown menu works fine in modern browsers, there weird things happening in ie9. dropdown appears transparent or invisible in way, box-shadow visible. in addition, hovering fails when mouse off parent list item.
i referring main navigation bar @ top:
http://gratefulglass.viussandbox.co/
i placed red border on submenu's containing element, illustrate menu appears positioned correctly.
any suggestions appreciated.
the issue filter
css properties you're setting on <ul>
, <a>
tags in code. ie9 render gradient backgrounds you, causes set haslayout flag on element internally, causes renderer treat element if had overflow: hidden;
, can't override setting overflow: visible;
it's not actually css rule, rather way internal rendering engine treat element when processing it. if remove filters filter: none;
in override, or don't set them, should see work correctly again.
Comments
Post a Comment