打印

请教：弹出的层被下拉框盖住了

aikaer [楼主]

初级会员

帖子: 47
体力: 134
威望: 0
离线: 16 天

1^# 大中小发表于 2006-9-27 12:14

请教高手：页面上有一个下拉框,弹出一个层时，被下拉框盖住了，我想让层在最上面，可以实现吗，怎么实现？

TOP

做西部数码代理.Cn1元国际45元

lovelium

心飘逝

银牌会员

帖子: 1244
体力: 2145
威望: 11
当前: 广东深圳
离线: 1 天

专长 JS,C#,MSSQL

2^# 大中小发表于 2006-9-27 13:04

设置z-index:9999不行吗？

心飘逝 http://www.szrgb.net

TOP

【美橙超级G空间】688元绑定10个子目录 | 500M免费网盘空间，文件永久保留，专业服务高端设计人员

aikaer [楼主]

初级会员

帖子: 47
体力: 134
威望: 0
离线: 16 天

3^# 大中小发表于 2006-9-27 13:49

回复 #2 lovelium 的帖子

不行，设置无限大也不行

TOP

请大家尊重和保护奥运知识产权。

Sheneyan

子虚乌有

超级版主

帖子: 8267
体力: 19489
威望: 177
当前: 福建厦门
离线: 28 天

专长 JS,JAVA,Oracle

4^# 大中小发表于 2006-9-27 13:53

放一个iframe在层的后面就行了。

子叶:子乌的叶子
帅哥们，美女们，新的一年终于来了，祝贺你们...终于又老了一岁~

TOP

您知道经典哪些会员写过书的吗？

您知道互联网职业和技能有哪些吗？

您知道网站运营核心是什么吗？

aoao

地狱之歌

荣誉管理团队

帖子: 270
体力: 373
威望: 24
当前: 北京海淀区
离线: 1 天

专长 前端制作,产品设计

5^# 大中小发表于 2006-9-27 13:55

IE6我是用popup解决.

嗷嗷囩：珍惜生命远离Firefox

TOP

Sheneyan

子虚乌有

超级版主

帖子: 8267
体力: 19489
威望: 177
当前: 福建厦门
离线: 28 天

专长 JS,JAVA,Oracle

6^# 大中小发表于 2006-9-27 14:15

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>runcode</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Author" content="Sheneyan" />
<script type="text/javascript">
function initBK(){
  var o = document.createElement('iframe');
  o.id = 'fram_bk';
  document.body.appendChild(o);
}
function popMenu(e){
  var o = window.event?event.srcElement:e.target;
  var p = getXY(e);
  if (document.all){
    if (!$('fram_bk')){initBK();}
    with ($('fram_bk').style){
      display='block';
      top = p.y+"px";
      left = p.x+"px";
    }
  }
  with ($('menu').style){
    display='block';
    top = p.y+"px";
    left = p.x+"px";
  }
}
function getXY(e){
var posx=0,posy=0;
if(e==null) e=window.event;
if(e.pageX || e.pageY){
    posx=e.pageX; posy=e.pageY;
    }
else if(e.clientX || e.clientY){
    if(document.documentElement.scrollTop){
        posx=e.clientX+document.documentElement.scrollLeft;
        posy=e.clientY+document.documentElement.scrollTop;
        }
    else{
        posx=e.clientX+document.body.scrollLeft;
        posy=e.clientY+document.body.scrollTop;
        }
    }
    return {x:posx,y:posy};
}
function $(id){return document.getElementById(id)}
</script>
<style type="text/css">
div#menu{display:none;position:absolute;width:200px;height:300px;z-index:100;background:yellow;}
iframe#fram_bk{border:0;position:absolute;display:none;z-index:0;width:200px;height:300px;}
</style>
</head>
<body>
<button onclick="popMenu(event)">探出菜单</button><br />
<div id="menu">这里真的是菜单……别看这里没内容，我真的把它当菜单……这里真的是菜单……别看这里没内容，我真的把它当菜单……这里真的是菜单……别看这里没内容，我真的把它当菜单……</div>
<select><option>这是select哦</option></select>
</body>
</html>

提示：您可以先修改部分代码再运行

[ 本帖最后由 Sheneyan 于 2006-9-27 14:17 编辑 ]

子叶:子乌的叶子
帅哥们，美女们，新的一年终于来了，祝贺你们...终于又老了一岁~

TOP

aikaer [楼主]

初级会员

帖子: 47
体力: 134
威望: 0
离线: 16 天

7^# 大中小发表于 2006-9-27 14:20

回复 #4 Sheneyan 的帖子

谢谢sheneyan，这个办法挺好的。能解释一下其中的原因吗？谢谢！

TOP

Sheneyan

子虚乌有

超级版主

帖子: 8267
体力: 19489
威望: 177
当前: 福建厦门
离线: 28 天

专长 JS,JAVA,Oracle

8^# 大中小发表于 2006-9-27 14:33

其实以前这个问题我解释过很多次了……这个帖子就作为一次比较专门的解释地方吧：

select元素在ie中是属于一个特例，它和其他的html元素不同，从浏览器层面来解释，它实际上是一个窗体级别的元素（如果有做过c/s开发，应该会知道这点），所以它的优先级大大高于其他所有的html标签，只要有它在的地方，它就会从所有元素的背后冒出个头来，而只有同样窗体级的frame才能遮住它（废话，要是遮不住select，那这个东东不就从frame外冒出来？）

而微软为了解决这个问题，就给iframe（这个东东不是窗体级的哦！）增加了一个属性，让它能够遮住select（不然在一个iframe外诡异地出现一个select……成何体统），因此，iframe在ie中就附有了这个神圣的使命，遮住select，不让它随意地抛头露面。

而且，由于iframe本身并不是窗体级别的元素，所以只要设置z-index，就可以设置iframe在页面中的层次关系，利用这一点就可以很方便来遮住那个不怎么讨喜的select。代码基本上就是我上面写的那个。

子叶:子乌的叶子
帅哥们，美女们，新的一年终于来了，祝贺你们...终于又老了一岁~

TOP

aikaer [楼主]

初级会员

帖子: 47
体力: 134
威望: 0
离线: 16 天

9^# 大中小发表于 2006-9-27 14:39

回复 #8 Sheneyan 的帖子

谢谢Sheneyan ！^_^

TOP

zbm2001z

宝儿

荣誉管理团队

帖子: 1495
体力: 3885
威望: 41
当前: 北京昌平区

专长 网页设计,Flash,JS

10^# 大中小发表于 2006-10-12 10:14

而微软为了解决这个问题，就给iframe（这个东东不是窗体级的哦！）增加了一个属性，让它能够遮住select（不然在一个iframe外诡异地出现一个select……成何体统），因此，iframe在ie中就附有了这个神圣的使命，遮住select，不让它随意地抛头露面。

许多年前——IE撒了一个谎，接下来它要用一百个谎言来掩盖它
要命的的是：IE还远不止撒了这一个谎
最遗憾的是：IE从来不改正它的谎言，至少是IE7之前

TOP

xlez

银牌会员

帖子: 586
体力: 1711
威望: 2
当前: 重庆渝中
离线: 85 天

11^# 大中小发表于 2006-10-12 10:20

我好像在csdn看到对于select与层遮挡问题是ie的bug，其他浏览器没有问题
对于处理方法还有一种就是隐藏select

丝袜美图,美眉图片

TOP

wenshizi

初级会员

帖子: 69
体力: 182
威望: 0
离线: 17 天

12^# 大中小发表于 2006-10-12 10:34

太好了.终于知道原因了.收藏了.

TOP

9ade8d

初级会员

帖子: 25
体力: 55
威望: 0
当前: 上海徐汇
离线: 133 天

13^# 大中小发表于 2007-9-17 17:45

那段代码我看不懂
我这段代码怎么修改可以实现那种效果

<iframe id="ad" style="position:absolute;z-Index:0;" frameborder="0"><div style="position:absolute;z-Index:10;"><a href="<%=rsdate("AD_Link")%>" target="_blank"><img alt="<%=rsdate("AD_Title")%>" src="admin/<%=rsdate("Ad_pic")%>" width="200" height="160" border="0"></a><br>
<a href="#" onclick="ad.style.display='none'">关闭广告</a></div></iframe>

TOP

dushizhuma

高级会员

帖子: 235
体力: 505
威望: 6
离线: 1 天

14^# 大中小发表于 2007-9-17 19:00

http://www.cnblogs.com/JustinYoung/archive/2007/07/18/821868.html

这个有详细的解决方案。

TOP

michaellee23

高级会员

帖子: 348
体力: 732
威望: 0
离线: 27 天

15^# 大中小发表于 2008-2-4 23:19

就没有其他方法能解决了吗？？？

TOP

hong0823

新手上路

帖子: 17
体力: 39
威望: 0
离线: 183 天

16^# 大中小发表于 2008-2-5 01:24

想其它方法避免

TOP

d20031848

初级会员

帖子: 32
体力: 62
威望: 0
当前: 北京海淀区
离线: 4 天

17^# 大中小发表于 2008-4-2 10:35

感谢楼主，隐藏select那个不太好用

TOP

shahuhu

新手上路

帖子: 5
体力: 14
威望: 0
当前: 湖北武汉

18^# 大中小发表于 2008-7-1 15:48

回复：Sheneyan
我是IE7你的方法好像还是不行哦

TOP