blob: d2523691d68c1020296abb693c9f495d2af96ca9 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
|
---
title: ':-moz-window-inactive'
slug: 'Web/CSS/:-moz-window-inactive'
translation_of: 'Web/CSS/:-moz-window-inactive'
---
<div>{{CSSRef}}{{Non-standard_header}}</div>
<p><font><font>在</font><a href="/en-US/docs/Web/CSS"><font>CSS </font></a><a href="/en-US/docs/Web/CSS/Pseudo-classes"><font>伪类</font></a><font>是</font><a href="/en-US/docs/Web/CSS/Mozilla_Extensions"><font>Mozilla的扩展</font></a><font>匹配任何元素，而它在非活动窗口。</font></font><strong><code>:-moz-window-inactive</code></strong></p>
<p><code>:-moz-window-inactive</code><font><font> 也在内容HTML文档中工作。</font></font></p>
<div class="note"><strong><font><font>注意：</font></font></strong><font><font>在添加此伪类之前，通过</font></font><code>active="true"</code><font><font>在顶级XUL chrome窗口上</font><font>设置attribute（</font><font>）</font><font>来实现为背景窗口提供不同样式</font><font>。</font><font>该属性不再使用。</font></font></div>
<h2 id="示例"><font><font>示例</font></font></h2>
<p><font><font>此示例根据窗口是否处于活动状态来改变框背景的外观。</font></font></p>
<h3 id="HTML"><font><font>HTML</font></font></h3>
<pre class="brush: html"><font><font><div id=“mybox”></font></font><font><font>
<p>这是一个盒子！</p></font></font><font><font>
</div></font></font></pre>
<h3 id="CSS"><font><font>CSS</font></font></h3>
<pre><code>#mybox {
background: linear-gradient(to bottom, yellow, cyan);
width: 200px;
height: 200px;
}
#mybox:-moz-window-inactive {
background: cyan;
}</code></pre>
<h3 id="Link_to_section结果"><a class="local-anchor" href="https://developer.mozilla.org/zh-CN/docs/Web/CSS/:-moz-window-inactive$edit#Result"><span>Link to section</span></a>结果</h3>
<p>{{EmbedLiveSample('Example', 220, 220)}}</p>
<p><font><font>您可以将其视为</font></font>{{LiveSampleLink('Example', 'live sample here')}}<font><font>。</font></font></p>
<h2 id="产品规格"><font><font>产品规格</font></font></h2>
<p><font><font>不属于任何规范。</font><font>这是专门针对Gecko的专有伪类。</font></font></p>
<h2 id="浏览器兼容性"><font><font>浏览器兼容性</font></font></h2>
{{Compat("css.selectors.-moz-window-inactive")}}
|
