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
Post a Comment