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

来源:DIV遮挡 浏览:292次 时间:2018-07-19
做网站找雨过天晴工作室
【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; } 这样就能实现一个遮罩效果,你会发现点击按钮无效。