:-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;
}

结果

此代码的结果如下所示。您也可以将其视为一个单独的页面

规范

不属于任何标准。

浏览器兼容性

另见