llgd.net
当前位置:首页 >> 怎样使一个DIV叠在另一个DIV上边? >>

怎样使一个DIV叠在另一个DIV上边?

// HTML父类 子类// CSS.a1 { position: relative; background: #000;}.b1 { position: absolute; top: 5px; left: 5px; background: #999;}

_.wrap{position:relative; width:300px; margin:50px auto;}.wrap div{position:absolute; width:200px; height:200px; left:0; top:0; opacity:0.5;}.wrap .a{background:#0a0; }.wrap .b{background:#069;}aaaaaaaaaaaaaaaabbb

先将以上两个div用一个大的div包围着,设置大的div的position:relative; 在给文本框所在的div定义:position:absolute;z-index:2;表格所在的div设置position:absolute;z-index:1;top:200px;其中top根据情况定

用绝对定位, 给你个例子就明白了。

可以用z-index 来控制 .div1{z-index:10;}.div2{z-index:15;}按照数值的大小,从上往下重叠。 数值小的在下方,数值大的在上方。上面的代码就是div2在div1的上方

很多方法 1.用margin-top:-**px层叠(用于同级div) 2.用position定位(两个div要有父标签和子标签的关系)

.bg {position: relative;} .fd_gif {position: absolute;z-index:99;top:0;left:0;}

.bg {position: relative;} .fd_gif {position: absolute;z-index:99;top:0;left:0;}

网站首页 | 网站地图
All rights reserved Powered by www.llgd.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com