html5 - Transitions and backgrounds not mixing -


i've been testing in ie11/win7 since doesn't work there matters little me if works in other browser. need solution work accross browsers.

im creating na html5 menu using css. have background set dropdowns , using :before place na arrow in menu items have submenu. want submenus show in fade - , that's problems start.

at first had transition , background set in inner ul, , worked - except :before counts child arrows show when submenu visible , that's not good.

so placed div around inner ul , used :before in div while fade ul. arrows still show when submenu wasn't visible, when menu visible background show line accross top (height 0 guess)

so placed background in div , workd except fading happens menu items themselfs , not background.

here's jsfiddle last attempt.

is there way can make want? (show arrows + background shows , fades in)


Comments

Popular posts from this blog

javascript - Any ideas when Firefox is likely to implement lengthAdjust and textLength? -

matlab - "Contour not rendered for non-finite ZData" -

delphi - Indy UDP Read Contents of Adata -