层问题,散分一百,求助!

fangxiaoan 2004-09-29 01:00:53
问题一,假设我有三个层,这三个层有互相重叠的部分,我现在想每点中一个层,一个层的内容全部显示,重叠的部分不被覆盖,该如何处理呢。
问题二,假设<div id=1> <div id=2> </div> </div>
在页面上,我必须按这个层次摆放,然后,我又不希望ID=2的层是ID的1的层的子层,也就是我想显示ID二的层,又不被ID一的层覆盖,该如何处理呢?

多谢,在线等。
...全文
74 8 打赏 收藏 举报
写回复
8 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
ouyld 2004-09-29
  • 打赏
  • 举报
回复
whnnet 2004-09-29
  • 打赏
  • 举报
回复
也可以
<div onclick="x()" id=a1 style="position:absolute;width:500;height:500;background-color:red;">

<div id=a2 style="position:absolute;width:200;height:200;left:100;top:50;background-color:blue"> </div> </div>


脚本设置:
<script>
function x()
{
document.all.a2.style.display=(document.all.a2.style.display=="none")?"":"none"
}
</script>
cuixiping 2004-09-29
  • 打赏
  • 举报
回复
问题一,
<div id=div1 onclick="t(this)" style="position:absolute;z-index:1;width:500;height:500;left:100;top:90;"> </div>
<div id=div2 onclick="t(this)" style="position:absolute;z-index:2;width:500;height:500;left:150;top:50;"> </div>
<div id=div3 onclick="t(this)" style="position:absolute;z-index:3;width:500;height:500;left:200;top:150;"> </div>
<script>
function t(e){
var z;
if(div1.style.zIndex > e.style.zIndex){
z=e.style.zIndex; e.style.zIndex=div1.style.zIndex; div1.style.zIndex =z;
}
if(div2.style.zIndex > e.style.zIndex){
z=e.style.zIndex; e.style.zIndex=div2.style.zIndex; div2.style.zIndex =z;
}
if(div3.style.zIndex > e.style.zIndex){
z=e.style.zIndex; e.style.zIndex=div3.style.zIndex; div3.style.zIndex =z;
}
}
</script>
whnnet 2004-09-29
  • 打赏
  • 举报
回复
<script>
function a(o)
{
x=document.getElementsByTagName("DIV")
for(i=0;i<x.length;i++)
x[i].style.zIndex=1
o.style.zIndex=9999
}
</script>
<div id=a0 style="position:absolute;left:0;top:0;background-color:#333333;z-index:1;width:200;height:600">
<div id=a1 onclick="a(this)" style="position:absolute;left:10;top:10;background-color:red;z-index:11">层层层层层层层11111<p>层层层层层层层11111<p>层层层层层层层11111<p></div>
<div id=a1 onclick="a(this)" style="position:absolute;left:30;top:30;background-color:blue;z-index:12">层层层层层层层22222<p>层层层层层层层22222<p>层层层层层层层22222<p></div>
<div id=a1 onclick="a(this)" style="position:absolute;left:50;top:50;background-color:#00FF00;z-index:13">层层层层层层层33333<p>层层层层层层层33333<p>层层层层层层层33333<p></div>
</div>
cuixiping 2004-09-29
  • 打赏
  • 举报
回复
问题二,<div id=1 style="position:absolute;width:500;height:500;"> <div id=2 style="position:absolute;width:200;height:200;left:100;top:50;"> </div> </div>
whnnet 2004-09-29
  • 打赏
  • 举报
回复
具体可参考

http://msdn.microsoft.com/workshop/author/css/css_node_entry.asp
whnnet 2004-09-29
  • 打赏
  • 举报
回复
显示可以设置:
document.getElementById("DIVID").style.zIndex=999999
也就是动态设置z-index属性来进行调整顺序。
把不显示的zIndex设置的小些
tanger104753507 2004-09-29
  • 打赏
  • 举报
回复
看一下dreamweaver里层的设置,再转看代码.
发帖
JavaScript

8.7w+

社区成员

Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
帖子事件
创建了帖子
2004-09-29 01:00
社区公告
暂无公告