javascript - HTML drop down bar does not work on internet explorer -


css , javascript @ moment , on html have made dropdown bar , works on chrome , firefox not internet explorer. need drop down bar work on internet explorer.

this css code:

<body bgcolor='#52cc7a'>         <style type="text/css">     * { padding: 0; margin: 0; }     body { padding: 5px; font-family: arial, helvetica, sans-serif; }     ul { list-style: none; z-index: 999 }     ul li { float: left; padding-right: 1px; position: relative; }     ul { display: table-cell; vertical-align: middle; width: 100px; height: 50px; text-align: center; background: #69c; color: #fff; text-decoration: none; }     ul a:hover { background: #09c; }     li > ul { display: none; position: absolute; left: 0; top: 100%; }     li:hover > ul { display: block; }     li > ul li { padding: 0; padding-top: 1px; }     li > ul li > ul { left: 100%; top: 0; padding-left: 1px; }     li > ul li > ul li { width: 100px; }     li:hover > { background: #09c; } </style> 

this html code:

<ul>     <li><a href="#">home</a></li>     <li><a href="#">players</a>         <ul>                 <li><a href="#">#</a></li>                 <li><a href="#">#</a></li>                 <li><a href="#">#</a></li> 

there lot more simplified.

does know how change code or change make work on internet explorer? :)

i suggest showing more code , giving version of ie.

possibly lacking <!doctype html> first line of document ie requires :hover , > selectors work


Comments

Popular posts from this blog

javascript - RequestAnimationFrame not working when exiting fullscreen switching space on Safari -

Python ctypes access violation with const pointer arguments -