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