Imprimir página web con imágenes establecidas con CSS

[Claudio Jesús]

Hola amigos, aquí les mando un problemita que seguro para ustedes es algo facil:

Estoy maquetando mi página web usando posicionamiento con CSS.

La estructura de mi página es:

Código:

<div class="contenedor">
  <div class="cabecera"></div>
  <div class="lateral"></div>
  <div class="contenido"></div>
  <div class="pie"></div>
</div>

Todo esta OK, pero cuando quiero imprimir mi página web no me salen los gráficos. Por ejemplo, al div class="cabecera" le agregé una imagen como encabezado de esta forma (en una hoja de estilos, claro):

Código:

.cabecera {
   background-image:url("micabecera.jpg");
   width:778;
   height:192;
}

En la pantalla sale todo bien pero cuando quiero imprimir no sale el gráfico . Y mis jefes quieren que salga una impresión de la página web con cabecera y todo.
¿Como puedo solucionar esto?

Les agradezco sus respuestas. Gracias

[JavierB]

Hola Claudio Jesús

El imprimir o no las imágenes de fondo, depende de las opciones de impresión de cada usuario y no hay forma de cambiarlas.

Lo que podrías hacer es utilizar una imagen que no sea un fondo:

<div class="cabecera"><img src="micabecera.jpg" /></div>

Saludos,

[Claudio Jesús]

Gracias JavierB, voy a probar lo que me dices, pero es una pena que no se pueda hacer mediante css. Pues va en contra de lo que se pretende: Cambiar la presentación solo modificando los CSS, sin tocar el html. De todas manera mil gracias.

[bhagat]

Segun esta explicación

http://www.desarrolloweb.com/articul...agina-web.html

debes añadir media="print" cuando haces un enlace a una CSS externa preparada para imprimir.

[ibme74]

Para poder imprimir las imagenes de fondo hay que tener habilitada la opción
Imprimir colores e imagenes de fondo de las opciones avanzadas del navegador que por defecto viene deshabilitada.

[Claudio Jesús]

Gracias ibme74, por fin puedo ver e imprimir mi página web con las imágenes de fondo. Muchas gracias.