:-moz-window-inactive

非標準:此特性未標準化。我們不建議在生產環境中使用非標準特性,因為它們瀏覽器支援有限,並且可能會更改或被移除。但是,在沒有標準選項的特定情況下,它們可以是合適的替代方案。

:-moz-window-inactive CSS 偽類Mozilla 擴充套件,用於匹配處於非活動視窗中的任何元素。

:-moz-window-inactive 也適用於 HTML 內容文件。

注意:在此偽類新增之前,透過在頂級 XUL 瀏覽器視窗上設定屬性(active="true")來實現對後臺視窗的不同樣式設定。此屬性現已不再使用。

語法

css
:-moz-window-inactive {
  /* ... */
}

示例

此示例根據視窗是否活動來改變盒子背景的外觀。

HTML

html
<div id="my-box">
  <p>This is a box!</p>
</div>

CSS

css
#my-box {
  background: linear-gradient(to bottom, yellow, cyan);
  width: 200px;
  height: 200px;
}

#my-box:-moz-window-inactive {
  background: cyan;
}

結果

此程式碼的結果如下所示。您也可以將其視為一個單獨的頁面

規範

不屬於任何標準。

瀏覽器相容性

另見