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">總是置頂。</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