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