Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

この記事はまだボランティアによって 日本語 に翻訳されていません。ぜひ MDN に参加して翻訳を手伝ってください!

Summary

The :-moz-window-inactive CSS pseudo-class matches any element while it's in an inactive window.

Note: Prior to the addition of this pseudo-class, giving different styles to background windows was achieved by setting an attribute (active="true") on the top level XUL chrome window. This attribute is no longer used.

:-moz-window-inactive works in content HTML documents, too.

Example

This example alters the appearance of a box's background depending on whether its window is active or not.

<style type="text/css">
#mybox {
  background: linear-gradient(to bottom, blue, cyan);
}

#mybox:-moz-window-inactive {
  background: cyan;
}
</style>

<div id="mybox" style="width:200px; height:200px;">
  <p>This is a box!</p>
</div>

You can view this as a live sample here.

Specifications

Not part of any specification.

Browser compatibility

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support ? 4.0 (2)[1] ? ? ?
Feature Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support ? ? ? ? ? ?

[1] Implemented in bug 508482.

ドキュメントのタグと貢献者

 このページの貢献者: Sebastianz, fscholz, Croydon, velvel53, Sheppy, MarkusStange
 最終更新者: Sebastianz,