Mi flujo de trabajo típico para editar y crear mis hojas de estilo para documentos HTML es abrir el panel de edición de CSS de la barra de herramientas para desarrolladores web de Firefox y editar directamente en la ventana del navegador.
La mayoría de las veces esto funciona a las mil maravillas. Sin embargo, hay veces que cuando abro el panel Editar CSS, ciertas imágenes desaparecen, y no tengo ni idea de por qué. Y aún más extraño, algunas veces las imágenes que añado con la barra de herramientas abierta no son visibles cuando está cerrada. (Me refiero principalmente a las imágenes que se añaden con la regla CSS background-image).
He aquí algunos ejemplos...
http://kenbrook.org - si abres el panel Editar CSS, la imagen de fondo del cuerpo desaparece, junto con varios de los fondos de los divs. De hecho, creo que desaparecen casi todas las imágenes de fondo CSS. Yo no escribí el marcado y la mayoría de los estilos de este sitio, pero soy responsable de editarlos y completarlos. Así que, ¿alguna idea de por qué ocurre esto?
http://joelglovier.com - también revisa este que recién estoy construyendo yo mismo y escribiendo los estilos para (sólo un par de elementos en la página en este momento). En el div de cabecera tengo un div vacío en el que estoy poniendo una imagen. Cuando Editar CSS está abierto, la imagen aparece como se espera. Cuando se cierra, sin embargo, la imagen no se puede ver, aunque usando firebug puedo ver que el estilo se está aplicando definitivamente y el div está donde debería estar.
¿Alguna explicación?