在html中，可以通过z-index属性来设置元素的层级，该属性可以指定一个元素的堆叠顺序（层级），语法“z-index:数值;”；数值越大的，层级越高，数值越小，层级就越低。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
html设置层级
通过z-index进行设置，所有的元素的z-index默认值为0。
z-index 属性指定一个元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
立即学习“前端免费学习笔记（深入）”；
鼠标滑过图片遮罩层动画jQuery插件
下载
nsHover是一款简单实用的鼠标滑过图片遮罩层动画jQuery插件。该插件可以在图片或块级元素上制作鼠标滑过时的遮罩层动画效果，它可以设置遮罩层的前景色和背景色，可以制作圆形图片等，非常实用。
我们可以通过z-index，设置不同的值来控制定位元素之间的覆盖。值越大的，层级越高，值越小，层级就越低，如果定位元素的层级为-1，则会被普通没有定位的元素进行覆盖。
示例：
Document
推荐教程：《html视频教程》
