html - z-index for select options -
i want set select menu option z-index. default set on top.
step produce bug: click on select menu , hover tag.
<head> <script type="text/javascript" src="jquery-1.8.3.js"></script> <script type="text/javascript"> $(function() { $('a').hover(function() { $('div').show() }) }) </script> <style> select option { position : relative; z-index : 5 } </style> </head> <body> <div style = "position:absolute; display none; background : #f00; width : 200px; height : 200px; z-index : 100000">new</div> <select> <option>jitender</option> <option>chand</option> <option>alok</option> <option>srisvasta</option> </select> <a href = "#">hover</a> </body>
placing select popup behind element not possible, can blur select element $('select').blur()
close select after hovering.
Comments
Post a Comment