此页面上有脚本错误。虽然它是写给网站编辑,您可以在下面查看部分内容。

这篇翻译不完整。请帮忙从英语翻译这篇文章

{{CSSRef}} {{非standard_header}}

CSS 伪类Mozilla的扩展匹配任何元素,而它在非活动窗口。:-moz-window-inactive

:-moz-window-inactive 也在内容HTML文档中工作。

注意:在添加此伪类之前,通过active="true"在顶级XUL chrome窗口上设置attribute(来实现为背景窗口提供不同样式该属性不再使用。

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

HTML

<div id =“mybox”>
  <p>这是一个盒子!</ p>
</ DIV>

CSS

#mybox {
  背景:线性梯度(底部,黄色,青色);
  宽度:200px;
  height:200px;
}

#mybox:-moz-window-inactive {
  背景:青色;
}

结果

{{EmbedLiveSample('Example',220,220)}}

您可以将其视为{{LiveSampleLink('Example','live sample here')}}。

产品规格

{{WhyNoSpecStart}}不属于任何规范。这是专门针对Gecko的专有伪类。{{WhyNoSpecEnd}}

浏览器兼容性

{{CompatibilityTable}}

特征 边缘 Firefox(壁虎) IE浏览器 歌剧 苹果浏览器
基本支持 {{CompatNo}} {{CompatNo}} {{CompatGeckoDesktop(2)}} [1] {{CompatNo}} {{CompatNo}} {{CompatNo}}
特征 Android的 适用于Android的Chrome 边缘 Firefox Mobile(Gecko) IE Mobile Opera Mobile Safari Mobile
基本支持 {{CompatNo}} {{CompatNo}} {{CompatNo}} {{CompatNo}} {{CompatNo}} {{CompatNo}} {{CompatNo}}

[1]在{{bug(“508482”)}}中实现。

文档标签和贡献者

此页面的贡献者: apple1juice
最后编辑者: apple1juice,