将某个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,感觉好高啊。

 

你可能感兴趣的:(javascript,错误总结,web)