z-index属性用于控制html元素在页面上的层叠顺序，值越大，元素越靠前。使用步骤：为叠加的元素设置z-index属性。指定一个整数作为属性值，值越大层叠顺序越高。确保父元素具有明确的定位属性，z-index仅适用于定位的元素。
z-index 的使用方法
z-index 属性用于控制 HTML 元素在页面上的层叠顺序。其值是一个整数，数字越大，元素在层叠顺序中的位置就越高，出现在其他元素之上。
使用步骤：
- 为想要叠加的元素设置 z-index 属性。
- 指定一个整数作为属性值。 值越大，元素的层叠顺序越高。
- 确保父元素具有明确的定位属性。 z-index 仅适用于具有定位属性的元素，如 position: absolute、position: fixed 或 position: relative。
示例：
<div style="position: relative;"> <div style="position: absolute; z-index: 2;">元素 1</div> <div style="position: absolute; z-index: 1;">元素 2</div> </div>
在该示例中，”元素 1″的 z-index 为 2，而 “元素 2″的 z-index 为 1。”元素 1” 将出现在 “元素 2” 之上，因为它的 z-index 值更高。
其他注意事项：
- 如果两个元素具有相同的 z-index，则后声明的元素将出现在前声明的元素之上。
- z-index 仅控制元素在同一父元素内的层叠顺序，不会影响页面上其他元素的层叠顺序。
- 对于定位为 fixed 的元素，z-index 相对于视口（浏览器窗口）计算，而不是父元素。
