【CSS教程】div+css怎样才能实现DIV遮挡的效果? 用css遮住层上面的文字

【CSS教程】div+css怎样才能实现DIV遮挡的效果? 用css遮住层上面的文字

用定位，例：
<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;}
你把代码粘到相对应的文件中看看效果就知道了

就是直接用
position:relative;top:-50px; 定位并且上移。

另外如何去除li前面的。点的问题
直接用list-style: none;就可以隐藏li前面的点的问题，或者直接解决分页带点问题

	
	

		其他回答
	




	
	

		
		

			
			

				
				

					<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;
}
这样就能实现一个遮罩效果，你会发现点击按钮无效。