今天遇到的这个问题,挺奇葩的。客户要求又联想输入(一台服务器支持)。昨天已经做好一部分,今天要做的有些困难,因为现在这个联想列表是弹出来的一层。
大概是这样的,用户点击某个按钮,弹出一个层。然后在这里面点击某个按钮后显示一个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;"
相关推荐
项目的功能如下:点击前台的某个链接或者按钮,动态的在某个div层上显示从数据库中查询的内容(这个div可以是浮动层,我为了简单就没做浮动处理了),在项目中数据没有从数据库获取,只是根据前台Ajax请求传递的参数...
jQuery+Ajax实现鼠标悬停显示DIV,同时DIV跟进标签
JS+DIV以层代替弹出窗口的例子,弹出DIV层窗口 JS+DIV以层代替弹出窗口的例子,弹出DIV层窗口 JS+DIV以层代替弹出窗口的例子,弹出DIV层窗口 JS+DIV以层代替弹出窗口的例子,弹出DIV层窗口 JS+DIV以层代替弹出窗口的例子...
jquery hover事件鼠标悬停导航条浮动div层滑动高亮显示 jquery hover事件鼠标悬停导航条浮动div层滑动高亮显示 jquery hover事件鼠标悬停导航条浮动div层滑动高亮显示
position定位如果有重叠的时候,z-index愈大,就显示在最上面 此时我们就可以设置div的css样式z-index:99999,那么该div就显示在最前面
多个iframe,显示其中一个frame中的div,并处于最上层显示 并且页面中的填写的值,可以传到弹出的div页面中 最近一段时间在做这个东西,给大家分享一下 附带测试代码 js弹出div层
鼠标放上去显示div,当鼠标移动上去显示一个层
我们在制作网页时,有时需要多重div的重叠,每个div添加不同的内容,以实现特殊的层叠效果,这个如何实现,在网上没找到现成的详细的教程,但是可以用现有的知识,自己摸索哦。终于成功了,O(∩_∩)O~ 分享出来。...
非常清爽的div层,漂亮div层 精美div层
div层的使用,div层的基本使用。包括css,div的定位
点击按钮,弹出一个div层,根据传的参数不同而显示不同的内容
当鼠标悬停在文本上面的时候,显示div,div是相对位置的。
DIV遮罩层 遮罩所有工作区域 简单的方法
DIV 层 网站设计DIV 层 网站设计DIV 层 网站设计
js鼠标浮动显示div,在鼠标移动至input后可显示div层中的内容
如何让DIV固定在页面的某个位置而不随着滚动条随意滚动
本程序在网页中设计了Div层的显示和隐藏,代码简单、实用。
主要为大家详细介绍了js实现鼠标滑动到某个div禁止滚动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
DIV层上下移动
多个iframe,其中一个frame中的隐藏div能够在最上层显示,不会挡着这个div