问个有关div的有关问题
日期：2014-05-18 浏览次数：20577 次
问个有关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
------解决方案--------------------
学习了
在一个 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
------解决方案--------------------
学习了
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
