Question

div+css怎样才能实现DIV遮挡的效果?

Answer 1

就是借位，也就是设置边距的大小，设一个负数就能实现。
但是也可以用别的方法，做成这个效果，而不是真的挡住。

Answer 2

用定位，例：
<div class="top"></div>
<div class="bottom"></div>
css：
.top{width:300px; height:100px; background:#000;}
.bottom{width:300px; height:100px; background:#090; position:relative; left:50px; top:-50px;}
你把代码粘到相对应的文件中看看效果就知道了

Answer 3

<div class="top"></div>
<div class="bottom">
<button>测试按钮</button>
</div>

.top,.bottom {
width: 200px;
height: 200px;
position: absolute;
top: 5px;
left: 5px;
}
.top {
z-index: 1;
border: 1px solid #000;
}
这样就能实现一个遮罩效果，你会发现点击按钮无效。

Answer 4

定位方式
margin负值