社区
JavaScript
帖子详情
用DIV挡住SELECT,不让Select看到.
chenfei00
2004-07-14 04:18:07
用DIV挡住SELECT,不让Select看到.
...全文
228
4
打赏
收藏
用DIV挡住SELECT,不让Select看到.
用DIV挡住SELECT,不让Select看到.
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
4 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
wanghr100
2004-07-14
打赏
举报
回复
JS版常见问题(一)层遇到select框时? fason(原作)
http://www.csdn.net/Develop/Read_Article.asp?Id=19114
mason520
2004-07-14
打赏
举报
回复
盖不住,这是由对两个对象的优先权不同,所以select总是会在前方。
如果把select放div去隐藏是可以实现,但要是菜单复杂就很难处理了。
wfifi
2004-07-14
打赏
举报
回复
不如把select放在DIV中,再把DIV藏起来;想盖住好象不可能。
BlackMonkey
2004-07-14
打赏
举报
回复
这不可能做到。
除非自己写一个Select对象。
解决 Ie 6下
select
挡住
div
的通用函数
/**
* 让iframe 显示在 指定的
div
下面 针对ie6
select
挡住
div
的bug 采用 iframe来当作
div
的底
*
* @param string
div
Id 需要解决的
div
层
* @param string iframeId 采用的 IFRAME ,如果不指定 自动生成一个
* 2007-11-1 gggxin@hotmail.com
* @version 1.0.0
*/
function top
Div
(
div
Id,iframeId)
在IE中,
select
属于window类型控件,它会“
挡住
”所有非window类型控件
可以这么理解,
div
这样的组件是在浏览器客户区使用代码“渲染”的,
他们被渲染在客户区的绘画表面上,
而
select
是使用的标准windows控件,只是作为客户区的子控件放置而已,
它会覆盖所有客户区绘画表面上“画”出来的一切,但不一定会覆盖其他类型的window控件,
比如iframe和其他的
select
,如果你使用过类似Delphi这样的环境就会自然理解。IE7解决了此类BUG。
Div
Select
挡住
的解决办法
<html><head> <meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″> <title>
Div
下拉菜单被
Select
挡住
的解决办法</title> </head><body> <
div
style=”z-index: 10; position: absolute; width: 100; height: 18; overflow: hidden;” onmouseover=”this.style.height=100;” onmouseout=”this.style.height=
option
挡住
div
解决方法
Div
下拉菜单被
Select
挡住
的解决办法 下拉菜单 bbbbbbb ccccccc ccccccc ccccccc ccccccc test0 test1 test2 test3
Div
被
Select
挡住
,是一个比较常见的问题。 有的朋友通过把
div
的内容放入iframe或object里来解决。 可惜这样会破坏页面的结构,互动性不大好。 这里采用的方法是: 虽说
div
直接盖不住
select
但是
div
可以盖iframe,而iframe可以盖
select
, 所以,把一个iframe来当作
div
的底, 这个
div
就可以盖住
select
了. [Ctrl+A 全选 注:如需引入外部
layui layer
select
选择被遮挡的解决方法
在编程的时候, layer弹窗中的
select
经常会遇到被遮挡的情况: 解决方法:在页面里面找到对应
div
的class 给overflow新的属性visible即可(默认值。内容不会被修剪,会呈现在元素框之外。)即可显示出下拉框 1.找到层1 的overflow 属性, 修改成为visible. 2. 如果有层2, 就把层2的也设置一下, 就完美解决了!!! 示例: 下面是一些示例: $(“.layui-table-body”).css(‘overflow’,’visible’); $(“.layui-table-box”).css(‘overflow’,’visible’); $(“.
最顶层
div
被flash或者下拉列表遮挡的问题解决
你可以用 深度(z-index)试试。下面是举的一个小例子: #a{ position:absolute; top:80px; left:100px; z-index:1; } #b{ position:absolute; top:70px; left:160px; z-index:0; }
JavaScript
87,907
社区成员
224,614
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章