Want to share your CSS expertise with others? Apply to the MDN Fellowship by April 1! http://mzl.la/MDNFellowship

mozilla

Compare Revisions

:-moz-window-inactive

Change Revisions

Revision 109221:

Revision 109221 by fscholz on

Revision 109222:

Revision 109222 by Sheppy on

Title:
:-moz-window-inactive
:-moz-window-inactive
Slug:
CSS/:-moz-window-inactive
CSS/:-moz-window-inactive
Tags:
"CSS Reference", "CSS:Mozilla Extensions"
"CSS Reference", "CSS:Mozilla Extensions"
Content:

Revision 109221
Revision 109222
n10    <h3>n10    <h3 id="Summary">
n14      The <code>:-moz-window-inactive</code> pseudo-class matchesn14      The <code>:-moz-window-inactive</code> pseudo-class matches
> any element while it’s in an inactive window. Prior to its intro> any element while it's in an inactive window.
>duction, giving different styles to background windows was achiev 
>ed by setting an attribute (active="true") on the top level XUL c 
>hrome window. This attribute will no longer be set. 
nn16    <div class="note">
17      <strong>Note:</strong> Prior to the addition of this attrib
 >ute, giving different styles to background windows was achieved b
 >y setting an attribute (active="true") on the top level XUL chrom
 >e window. This attribute is no longer used.
18    </div>
tt21    </p>
22    <h3 id="Example">
23      Example
24    </h3>
25    <p>
26      This example alters the appearance of a box's background de
 >pending on whether its window is active or not.
27    </p>
28    <pre class="brush: html">
29  &lt;style type="text/css"&gt;
30    #mybox {
31      background: -moz-linear-gradient(top, blue, cyan);
32    }
33    #mybox:-moz-window-inactive {
34      background: cyan;
35    }
36  &lt;/style&gt;
37 
38  &lt;div id="mybox" style="width:200px; height:200px;"&gt;
39    &lt;p&gt;This is a box!&lt;/p&gt;
40  &lt;/div&gt;
41</pre>
42    <p>
43      You can view this as a <a href="/samples/cssref/moz-window-
 >inactive.html" title="https://developer.mozilla.org/samples/cssre
 >f/moz-window-inactive.html">live sample here</a>.

Back to History