CSS isolation 屬性

定義和用法

isolation 屬性定義元素是否必須創建新的堆疊內容。

提示：與 background-blend-mode 或 mix-blend-mode 一起使用時，isolation 屬性很有用。

另請參閱：

HTML DOM 參考手冊：isolation 屬性

實例

為 id="e" 的元素創建新的堆疊上下文：

#e {
  isolation: isolate;
}

親自試一試

CSS 語法

isolation: auto|isolate|initial|inherit;

屬性值

值 描述
auto 默認。只在應用于元素的屬性之一需要它時，才創建新的堆疊上下文。
isolate 必須創建新的堆疊上下文。
initial 將此屬性設置為其默認值。參閱 initial。
inherit 從其父元素繼承此屬性。參閱 inherit。

技術細節

默認值： auto
繼承： 否
動畫制作： 不支持。請參閱：動畫相關屬性。
版本： CSS3
JavaScript 語法： object.style.isolation="isolate"

瀏覽器支持

表格中的數字注明了完全支持該屬性的首個瀏覽器版本。

Chrome IE / Edge Firefox Safari Opera
41.0 79.0 36.0 Yes 30.0