将某个div层显示在最上面（总结）

今天遇到的这个问题，挺奇葩的。客户要求又联想输入（一台服务器支持）。昨天已经做好一部分，今天要做的有些困难，因为现在这个联想列表是弹出来的一层。

大概是这样的，用户点击某个按钮，弹出一个层。然后在这里面点击某个按钮后显示一个input。当用户输入文本的时候，进行联想操作。我用的是jquery 的autocomplete结合jsonp。问题处在了联想列表在弹出层的下面。

因为整个弹出层遮住了下面的内容（jqueryui会在html最后面加入一些内容的。操作这部分内容就可以了），所以用户无法用鼠标点击联想列表里面的内容。在网上搜了一下，大概是这样做 在jqueryui加入的内容上设置他的position，和z－index ，按照网上说的，做了一下。把z-index  设置成1 ，10 ，100 都不行，本以为是做法有问题。但是还是看了看源码，原来上一个同事把弹出的div层的z-index设置成了999了，找到原因了，把z-index设置成1000就好了。刚刚还看了下代码，有个z-index设置成了9999，感觉好高啊。

<div style="position:absolute; left:40%; top:40%; z-index:9999;"