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

Popular posts from this blog

jquery - How can I dynamically add a browser tab? -

node.js - Getting the socket id,user id pair of a logged in user(s) -

keyboard - C++ GetAsyncKeyState alternative -