社区
JavaScript
帖子详情
如何让层在下拉框上面?
黑马
2006-07-19 03:26:41
在同一个页面里,层在遇到下拉框时,总是显示在下面,怎么能让它始终在在所有页面控件的上面呢?
...全文
384
10
打赏
收藏
如何让层在下拉框上面?
在同一个页面里,层在遇到下拉框时,总是显示在下面,怎么能让它始终在在所有页面控件的上面呢?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
10 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
黑马
2006-08-07
打赏
举报
回复
TO JK_10000(JK):
采用你的方法可以达到select挡住的问题,但是在包含iframe的div在其隐藏的时候也挡住了文本框,这样在用户操作的时候,无法聚焦到文本框上?
你有什么好的办法?
hbhbhbhbhb1021
2006-07-20
打赏
举报
回复
iframe的优先权高于select框,可以挡住他
mingxuan3000
2006-07-20
打赏
举报
回复
mark
黑马
2006-07-20
打赏
举报
回复
iframe 在这里起到什么作用?
JK_10000
2006-07-20
打赏
举报
回复
Div被Select挡住,是一个比较常见的问题。
有的朋友通过把div的内容放入iframe或object里来解决。
可惜这样会破坏页面的结构,互动性不大好。
这里采用的方法是:
虽说div直接盖不住select
但是div可以盖iframe,而iframe可以盖select,
所以,把一个iframe来当作div的底,
这个div就可以盖住select了.
黑马
2006-07-20
打赏
举报
回复
是不是select的优先权大于div?
ranranhu
2006-07-20
打赏
举报
回复
mark
sandsboy
2006-07-20
打赏
举报
回复
iframe的优先权高于select框,可以挡住他
JK_10000
2006-07-19
打赏
举报
回复
<div style="z-index:10;position:absolute;width:100;height:18;overflow:hidden;" onmouseover="this.style.height=100;" onmouseout="this.style.height=18;">
<iframe style="position:absolute;z-index:-1;width:100%;height:100%;top:0;left:0;scrolling:no;" frameborder="0" src="about:blank"></iframe>
<div style="background-color:#cccccc;">aaaaaaa<br>bbbbbbb<br>ccccccc<br>ccccccc<br>ccccccc<br>ccccccc</div>
</div>
<select style="width:200" ><option>test0<option>test1<option>test2<option>test3</select>
MapleXu2003
2006-07-19
打赏
举报
回复
<!-- 下面定义的这个iframe是为了解决弹出的窗口会被OCX控件挡住的问题 -->
<iframe id="top_iframe" style="position:absolute;z-index:9;display:none;
width:expression(this.nextSibling.offsetWidth);
height:expression(this.nextSibling.offsetHeight);
top:expression(this.nextSibling.offsetTop);
left:expression(this.nextSibling.offsetLeft);"
frameborder="0">
</iframe>
<form name="BackhaulForm" action="<%=sPostUrl%>"
style="position:absolute;display:none;z-index:10;" method="post">
</form>
类似上面这样,把form换成你的div就行了,记得设置style中的z-index:10
用jQuery实现的模拟
下拉框
代码
2,在ie6下,
下拉框
的优先级大于
层
,经常导致
下拉框
显示在
层
的
上面
。 OK,明白这个问题后,我们就开始用jQuery制作模拟
下拉框
。 第一步:先搭建好结构 这是普通的
下拉框
代码: XML/HTML代码 代码如下: <select ...
下拉框
处于漂浮
层
上面
的问题解决方案
在IE6下容易出现漂浮
层
被
下拉框
覆盖的情况,IE8下未出现此类问题。 下面是页面代码: 1 <div id='img' style='position:absolute;z-index:9999999;' onmouseover='mystop()' onmouseout= 'start()' runa...
web自动化-键盘&对话框&
下拉框
&显示等待&隐式等待
本课程主要讲解web自动化-键盘
下拉框
对话框 显示等待 隐式等待,主要内容如下: 1. 键盘操作案例 2.
下拉框
操作 3. 对话框处理 4. 滚动条操作 5. 显示等待 6. 隐式等待 7. 强制...
让你的DIV位于在
下拉框
的
上面
我们在作B/S开发的时候经常会遇到DIV
层
被
下拉框
遮挡的时候,这让我们很苦恼。无论我们怎么设置css样式都无济于事,因为select元素的优先级要比div高。所以我们就要选用比select元素优先级还要高的元素来遮挡它。这...
html
下拉框
没有接在下面,当
层
遇到
下拉框
(select)框时的解决方法_html
当
层
遇到
下拉框
时总是挡不了select框?其实这是IE的BUG,其它的浏览器没有这个问题,对于这个问题论坛里不少提出,在这里提供我的几种方法,各有各的好处,有错,有好的意见者提出,谢谢.1.最直接的方法:隐藏
下拉框
.下面提供...
JavaScript
87,910
社区成员
224,616
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章