日期:2014-05-18  浏览次数:20451 次

问个有关div的问题
在一个   Float的div中   含两个子层,
有没有方法可以让其中的两个子层   一直重叠?
通过Position:ablosult可以重叠,但其不能包含于其所在的层.




------解决方案--------------------
但其不能包含于其所在的层?
什么意思啊,重叠是很好做到,设置position就可以了,这个是什么意思?
------解决方案--------------------
我也不明白lz说的不能包含于其所在的层是什么意思
------解决方案--------------------
使用
div.style.left = *
div.style.top = *
div.style.filter = "Alpha(Opacity=0) "
------解决方案--------------------
不明白楼主什么意思
------解决方案--------------------
高深,听晕了,不过应该可以实现
------解决方案--------------------
重叠position可以。
------解决方案--------------------
这个简单 父层用相对  要重叠的那个子层用绝对。。就可以了。。。
------解决方案--------------------
给你个演示

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " />
<title> 无标题文档 </title>
<style>
body
{margin: 30px; font-size:9pt;}

.a, .b, .c, .d, .e
{
width: 100px;
height: 100px;
margin: 5 auto;
color: #fff;
background: #000;
}
.aa, .bb, .cc, .dd, .ee
{
top: 10px;
left: 10px;
width: 10px;
height: 10px;
overflow: hidden;
background: #F90;
}
.b, .d, .e
{position: relative;}
.cc, .dd, .ee
{position: absolute;}
</style>
</head>

<body>


<div class= "a ">
<div class= "aa "> </div>
A:均不设置postion,一般嵌套关系
</div>

<div class= "b ">
<div class= "bb "> </div>
B:仅外div设置relative,一般嵌套关系
</div>

<div class= "c ">
<div class= "cc "> </div>
C:仅内div设置absolute,文档中为嵌套关系,页面中内div浮起[非float],相对于页面定位,与外div无关。
</div>
</body>
</html>


------解决方案--------------------
style= "z-index: 1000;position: absolute;
这个可以实现层次而被覆盖的问题
------解决方案--------------------
谁的z-index数值大谁就在上面
------解决方案--------------------
这才叫层,见识了!
------解决方案--------------------
mark
------解决方案--------------------
学习了