HTML 中 怎么把一个div安置在另一个div上??叠加一样!!!

如图:蓝色div里的内容,以蛋形为边对齐了。。。。。

蛋形的是我设置的背景图片,我要把它弄到蓝色div下面,蓝色的div里面没有那半截蛋,也就是说,蓝色在上蛋在下,蛋不影响蓝色div里面的内容。。。

    可以用z-index 来控制 

.div1{z-index:10;}
.div2{z-index:15;}

按照数值的大小,从上往下重叠。 数值小的在下方,数值大的在上方。上面的代码就是div2在div1的上方

温馨提示:内容为网友见解,仅供参考
第1个回答  2015-05-19

首先,使用绝对定位,用left 和top 对齐


然后设置z-index,让蛋形的位置在蓝色div下面。
另外隐藏溢出,在调整一下

z-index:-1;
overflow:hidden;
position:absolute;
top:XXX;
left:XXX;

希望有帮到你。

第2个回答  2015-05-19
使用绝对定位,用left 和top 对齐,然后设置z-index上面的要比下面的div大
比如
<div style="height:60px;width:50px;position:relative;z-index:1;"><!--这个是下面的div-->
<div style="height:30px; width:20px; top:10px; left:20px; position:absolute; z-index:4;></div><!--上面的那个div-->
</div>本回答被提问者采纳
第3个回答  2015-05-21
使用position:relative z-index:111 ,只越大越在上。。试试看。
还有种方式就是父类relative 子类:absolute
第4个回答  2015-07-06
position和z-index.可以到http://www.foundexception.com提问.

HTML 中 怎么把一个div安置在另一个div上??叠加一样!!!
可以用z-index 来控制 .div1{z-index:10;}.div2{z-index:15;}按照数值的大小,从上往下重叠。 数值小的在下方,数值大的在上方。上面的代码就是div2在div1的上方

html如何让其中一个div浮在另一个div上面
1、<html> 2、 <body> 3、<style type="text\/css"> 3、.div1{ width: 200px; height: 100px; background: red; float: left; } 5、.div2{ width: 300px; height: 350px; background: yellow; } 6、<\/style> 7、 <div class="div1"><\/div> 8、<div class="div2"><\/div...

如何让一个div在另一个div的上面,求高手指点
这个用绝对定位就可以搞定了。position:absolute;举个例子:1.css代码 .div1{height:30px; width:100%; background:#fff; position:relative; z-index:1;}.div2{height:30px; width:100%; background:#f00; position:absolute; top:0px; left:0; z-index:2;} 2.html代码 <div class="d...

怎么让一个div 悬浮在另一个div上
如果是这样,,可以用float:right就可以居右了,div默认就是居上的,所以就可以在右上角了。

如何让一个div悬浮在另一个div上面,在线等
1、首先需要做的就是创建两个div。2、创建了div后,需要分别给它们Class属性。3、接下来,使用css,通过Class属性给它们设置样式。4、需要给于它们一个宽度与高度,为了便于观察,可以给它们一个边框。5、接下来,先给不悬浮的div设置样式,给它设置一个背景颜色。6、接下来设置悬浮起来的div的样式,...

如何把一个div放在另一个div的下面?
可以用css定位把一个div放到另一个div右下角。1、新建html文档,在body标签中添加一个div标签,然后在这个div标签内再添加一个div标签,为外面的div标签添加“container”类,里面的div标签添加“inner”类:2、在head标签内添加style标签,为“container”类和“inner”类分别设置样式,这时默认情况下内...

如何让一个DIV浮动在另一个DIV上面
1、首先,创建两个div,如下图所示,然后进入下一步。2、其次,完成上述步骤后,需要给其Class属性,如下图所示,然后进入下一步。3、接着,完成上述步骤后,使用CSS通过Class属性为其设置样式,如下图所示,然后进入下一步。4、然后,完成上述步骤后,需要给其一个宽度和高度,再加上边框,如下图...

HTML怎么将一个div放在另外一个div上面而不影响上面div的基本操作
一种是楼上说的冒泡事件,另一种是直接从布局上改变两个div的从属关系。如 <div style="position: relative;"><div style="position: absolute; z-index: 2;"><\/div><\/div>这种点击里面的div,那么父级由于事件冒泡也会同时响应事件,所以如果需要阻止事件传递最简单的办法如修改内部div为<div ...

html的问题,怎么让一个DIV在另一个DIV中水平垂直居中?
html中让一个DIV在另一个DIV中水平垂直居中,可以通过将一个div包裹第二个div,然后在将设置第一个div的宽高,要比第二大上很多,然后在设置第二个的宽高,然后通过margin:auto auto;这里我提交代码:<html> <head> <title>文字测试<\/title> <style> test{ width:800px;height:400px;border:...

怎么用一个DIV 完全覆盖在另一个DIV之上?
这个跟html元素的定位方式有关.div默认的是 后面一个div根据前一个div来定位. 也就是相对定位;而你这里需要的,实际上就是两个div根据他们的父容器来定位, 也就是绝对定位. 并且, 后面一个div覆盖到前一个上面.所以, 你应该使用的是 <style>.parentDiv{position:relative;}.div1{position:absolute...

相似回答