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.

enter image description here

<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

Popular posts from this blog

blackberry 10 - how to add multiple markers on the google map just by url? -

php - guestbook returning database data to flash -

delphi - Dynamic file type icon -