Movatterモバイル変換


[0]ホーム

URL:


  1. 面向开发者的 Web 技术
  2. CSS:层叠样式表
  3. CSS 参考
  4. 选择器
  5. :-moz-window-inactive

此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in EnglishAlways switch to English

:-moz-window-inactive

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

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

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

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

语法

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

示例

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

HTML

html
<div>  <p>这是一个盒子!</p></div>

CSS

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

结果

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

规范

不属于任何标准。

浏览器兼容性

参见

Help improve MDN

Learn how to contribute

This page was last modified on byMDN contributors.


[8]ページ先頭

©2009-2026 Movatter.jp