z-index顺序重叠问题

在HTML页面中，两个元素重叠，要重叠显示两个元素，而不是后面的元素覆盖前面的元素，这个时候，就需要用到CSS中的z-index这个属性。

z-index，是指各个元素的堆叠顺序。在实际使用中，对所涉及到的元素只设置z-index是不行的，那你会发现效果完全没变化。因此，在设置了z-index的值之后，还需要设置position的值。只有同时设置了z-index和position，才会有想要的堆叠效果。