在里如何使一个DIV浮动在另外一个DIV上面?

onekey 2005-06-08 11:23:59
我方上去2个DIV之后,这两个一直是并排放的,怎么让一个叠到另一个上面?
...全文
1069 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
reikolingling 2005-06-13
  • 打赏
  • 举报
回复
是啊,使用相对位置时,无论将z-index设为几都不能浮,
只能使用absolute,当用户resize时候,再去重载onresize事件,给他重新定位。
不知道还有什么好办法没有,请高手不吝赐教!
springwood 2005-06-13
  • 打赏
  • 举报
回复
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
<!--
function init() {
div1.style.display = "";
div1.style.position = "absolute";
div1.style.top = tab1.style.top +100;
div1.style.left = tab1.style.left +100;
div1.style.zindex = 1;
div2.style.display = "";
div2.style.position = "absolute";
div2.style.top = tab1.style.top +100;
div2.style.left = tab1.style.left + 100;
div2.style.zindex = 2;
}
//-->
</SCRIPT>
</HEAD>

<BODY onload="init()">
ddddd
<br>
<br>
<br>
<br>
<br>
<span id="div1">div1</span>
<span id="div2" style="color:red">div2</span>
<table border=1 id = "tab1">
<tr><td>dd</td></tr>
<tr><td>cc</td></tr>
</table>

</BODY>
</HTML>
ice_berg16 2005-06-10
  • 打赏
  • 举报
回复
只能绝对定位才能重又叠,
你不指定left,top一般是以parentElement为基准的
applebomb 2005-06-10
  • 打赏
  • 举报
回复
你是说这样?
<html>
<head>
<script language="JavaScript" type="text/JavaScript">
</script>
</head>
<body>
<div id="Layer1" style="position:absolute; left:170px; top:65px; width:168px; height:135px; z-index:1; background-color: #FFFF33; layer-background-color: #FFFF33; border: 1px none #000000;">
<div id="Layer2" style="position:absolute; left:21px; top:48px; width:130px; height:95px; z-index:2; background-color: #FF0000; layer-background-color: #FF0000; border: 1px none #000000;">
<p>rewrewfds</p>
<p>fdsfsdf</p>
<p>fsdfds</p>
</div>
<p>fdsfdsfsdfdsfsd</p>
<p>fdsfds</p>
<p>vas</p>
<p>fdsa</p>
<p>fdsfdsfdsfdsfdsfds</p>
</div>
</body>
</html>
onekey 2005-06-08
  • 打赏
  • 举报
回复
绝对位置不行啊,如果页面大小变的话,div就出现位置偏移了
ice_berg16 2005-06-08
  • 打赏
  • 举报
回复
<div tyle="position:absolute">

87,901

社区成员

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

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