关于DIV层的上下显示问题，请指点？ - ASP技术论坛

| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛 |

编程论坛 → WEB开发 → 『 ASP技术论坛』 → 关于DIV层的上下显示问题，请指点？

我的收件箱(0)

欢迎加入我们，一同切磋技术

共有 1101 人关注过本帖

标题：关于DIV层的上下显示问题，请指点？

只看楼主加入收藏

tiaoyuan

等　级：新手上路
帖　子：183
专家分：0
注　册：2006-8-30
结帖率：52.38%

楼主

已结贴√ 问题点数：10 回复次数：10

关于DIV层的上下显示问题，请指点？

<div id="11" style=" position:relative;width:100px; height:40px; background-color:#CCC; ">1212
<div id="22" style="position:absolute; width:300px; height:300px; background-color:#3CF; top:20px; left:20px;"></div>
</div>

<div id="33" style=" position:relative;width:100px; height:40px; background-color:#F00; "></div>

22是当鼠标经过11时弹出浮动来的层，现在就是不知用什么办法33不挡住22？？？？

前提：11 和 33 都是用同一个 class 样式的。

有解决方法吗？

已经问过很多人都不行，呜呜，希望大家能帮帮忙。

搜索更多相关主题的帖子: DIV　

2009-11-06 12:10

aspic

等　级：贵宾
威　望：51
帖　子：2258
专家分：8050
注　册：2008-2-18

第 2 楼

得分:10

首先要告诉你 id不能数字开头

2009-11-06 14:39

aspic

等　级：贵宾
威　望：51
帖　子：2258
专家分：8050
注　册：2008-2-18

第 3 楼

得分:0

其次遮挡问题应该用z-index设置层次

2009-11-06 14:40

aspic

等　级：贵宾
威　望：51
帖　子：2258
专家分：8050
注　册：2008-2-18

第 4 楼

得分:0

程序代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. xmlns="http://www. http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<div id="l1" style="position:relative;width:100px; height:40px; background-color:#CCC;z-index:100">
    <div id="l2" style="position:absolute;width:300px;height:300px;background-color:#3CF;top:20px;left:20px; display:none">22222222222</div>
</div>
<div id="l3" style="position:relative;width:100px; height:40px; background-color:#F00; z-index:99">333333333</div>
<script>
$ = function(id) {return typeof id == 'string' ? document.getElementById(id) : id};
$('l1').onmouseover = function() {
    $('l2').style.display = 'block'
};
$('l1').onmouseout = function() {
    $('l2').style.display = 'none'
}
</script>
</body>
</html>

2009-11-06 14:45