Skip to content

CSS: stacking

.--stack-topmost — z-index 深度工具 — .--stack-<level> (deepest, below, above, topmost) — 可单独使用或链式应用于任何组件,使图层按可预测顺序堆叠,而不是手动调整数值。

Source: index.ts

用法

css
@import "@pantoken/components/utilities.css";

示例

html
<div class="--stack-topmost">Always on top.</div>

修饰符

修饰符描述
.--stack-above高于默认流。
.--stack-below低于默认流。
.--stack-deepest最低的堆叠深度。
.--stack-topmost最高的堆叠深度(覆盖层、菜单)。

消耗代币

Token类型
--instui-component-view-stacking-above<integer>1
--instui-component-view-stacking-below<integer>-1
--instui-component-view-stacking-deepest<integer>-9999
--instui-component-view-stacking-topmost<integer>9999