老师，不明白为什么task-detail-mask放前面就能让task-detail可以点击？
来源：3-4 细节完善（3）
microzz
2016-10-29
如果我在后面再加一个Input却不能点击，为什么？
<div class="task-detail-mask"> </div> <div class="task-detail"><!--任务详情开始--> <div class="content"><!--任务标题--> </div><!--任务结束--> <div><!--任务描述开始--> <div class="desc"> </div> </div><!-- 任务描述结束 --> <div class="remind"><!-- 任务定时提醒开始 --> <input type="date"> <button type="submit">submit</button> </div><!-- 任务提醒结束 --> </div><!-- 任务详情结束 --> <input type="text">//为什么这个Input被遮盖？
写回答
2回答
-
因为task-detail-mask和task-detail都是position:absolute绝对定位的，两个都是绝对定位的情况下谁在后面谁在上面,你的Input没有设置绝对定位吧,会处于正常文档流中。设置了absolute应该可以
122016-10-31 -
表严肃
2016-10-30
元素越靠后层叠优先级越高
212016-10-30
相似问题