# CSS z-index

URL: https://caijiao.org/reference/css/z-index
Source: docs/reference/css/z-index.md
Description: z-index 控制定位元素和层叠上下文中的绘制顺序。

z-index 控制定位元素和层叠上下文中的绘制顺序。

## 语法

```text
z-index: 10;
```

## 最小示例

```js
el.style.zIndex = '10';
```

## 常见错误

- 只看语法不看运行环境限制。
- 没有处理错误、权限或兼容性分支。
- 示例上线前应结合真实浏览器、服务器或 Git 仓库验证。

## 相关内容

- [CSS 教程](/css/)
- [CSS Reference](/reference/css/)
- [前端问题库](/how-to/javascript/)