假设上面div的class为two，下面div的class为one。
1、下面的div文字的颜色设置成transparent。
.one{
color:transparent
}
2、给上面的div设置背景色。
.two{
background-color: fff
}
扩展资料：
两个div重合的方法：
父级元素绝对定位，子级元素相对定位。通过left、right、top、bottom实现子级在父级内任意定位
假设父级元素的class为con，子级元素的class为two。
.con{
position: relative
}
.two{
position: absolute
top:0
}
你把CSS作如下改动就行：<style type="text/css">
#Layer1 {
left:198px
top:50px
width:294px
height:141px
z-index:1
position: absolute
background-color: #FF00FF
}
#Layer2 {
width:100px
height:100px
z-index:2
margin: -50px 0px 0px -50px
background-color: #FFFF00
}
</style>
改为：
<style type="text/css">
#Layer1 {
left:198px
top:50px
width:294px
height:141px
position: absolute
background-color: #FF00FF
}
#Layer2 {
width:100px
height:100px
margin: 0px
background-color: #FFFF00
}
</style>
这样就行，margin 是设置内补丁的．另外Z-index是设层的位置顺序．建议你多试验，多看效果．
