:-moz-window-inactive

Resumen

La pseudo-clase CSS :-moz-window-inactive selecciona cualquier elemento mientras está en una ventana inactiva.

Nota: Antes de añadir esta pseudo-clase, dar dieferentes estilos a las ventanas de fondo podría lograrse con el atributo (active="true") en la venta del nivel superior XUL. Este atributo ya no se usa.

:-moz-window-inactive funciona también en documentos de contenido HTML.

Ejemplo

Este ejemplo modifica la apariencia del fondo de una caja dependiendo de si está o no en una ventana activa.

<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>

Puedes verlo aquí en un ejemplo en directo.

Especificaciones

No es parte de ninguna especificación.

Compatibilidad con los distintos navegadores

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help! (en-US)

Escritorio
Móvil

Característica	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
Soporte básico	?	4.0 (2)^[1]	?	?	?

Característica	Android	Chrome for Android	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Safari Mobile
Soporte básico	?	?	?	?	?	?

[1] Implementado en error 508482.