如何更好的使用覆盖层

覆盖层是一种常用的显示方式，不仅美观而且功能强大，可以有效的增强网页的交互体验。但是在实际使用中，我们往往遇到许多问题，如：覆盖层怎么实现？如何避免覆盖层影响用户操作？如何与其他组件配合使用？接下来，我们就来细说如何更好地使用覆盖层。

一、覆盖层的实现
1、CSS中实现
我们在CSS中可以用position属性来实现覆盖层的效果。将蒙层加入到HTML文档之中，并定位到父元素上，接着设置一个z-index属性值来定义覆盖层与其他元素的优先级。

/*CSS代码*/
.cover{