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

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

多谢,在线等。
...全文
81 8 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
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里层的设置,再转看代码.
特色:
1.今晚在线社区独有的双风格分桢形式
2.社区最多可进行3级分类,大部分论坛应该够用了。
3.多种发帖类型: 普通帖、积分浏览帖、金钱购买帖、散分(求助)帖、 回复可见帖
4.更贴心得发帖辅助功能,可自动识别URL和图片。
5.采用类似今晚在线文章系统的后台管理等级无限级自定义分类,真正适合多用户管理。
6.UTF-8编码,解决贴繁体或国外字符乱码问题
7.CSS控制整个社区颜色及风格。
8.版面多种可选属性,让社区变得更灵活。
v3.0 beta 4更新内容:
beta4把持久代码彻底从逻辑解放出来了,虽然多了一封装,但这绝对是值得的,
对以后的扩展也很有利,这次调整几乎涉及了社区所有的类。动作较大。
注册页面增加了人性化的密码强度判断
社区帖子回收机制改变,增加一个字段专门记录帖子是否被删,以前使用的是帖子属性字段。
现在这个字段解放了,大家可以扩展N种类型的帖子。
版面增加标题检索框,社区检索支持多个关键字用空格分开的检索方式。
调整了显示所有的JSP页面,进站画面、文章列表、在线用户已用DIV+CSS重构完毕。重构工作还在进行中....
社区求助帖结帖功能实现
另外社区作了很多细节上的调整,可能表面看不出来,我也就不多说了。
源文件本人也尽可能的做了些注释,凑合着看吧!

87,997

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧