:-moz-window-inactive

非标准: 该特性尚未标准化。我们不建议在生产环境中使用非标准特性,因为它们在浏览器中的支持有限,且可能发生变化或被移除。不过,在没有标准选项的特定情况下,它们可以作为合适的替代方案。

:-moz-window-inactive CSS 伪类是一个 Mozilla 扩展匹配处于非活动窗口中的任何元素。

:-moz-window-inactive 也适用于 HTML 文档中的内容。

备注: 在引入这个伪类之前,为背景窗口提供不同的样式是通过在顶层 XUL chrome 窗口上设置属性(active="true")来实现的。这个属性现在已不再使用。

语法

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

示例

此示例根据窗口是否处于活动状态来改变框背景的外观。

HTML

html
<div id="mybox">
  <p>这是一个盒子!</p>
</div>

CSS

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

#mybox:-moz-window-inactive {
  background: cyan;
}

结果

此代码的结果如下所示。你也可以打开一个单独的页面查看。

规范

不属于任何标准。

浏览器兼容性

参见