Les dejo mi solución por si acaso tuvieron la misma problemática que yo, el poder imprimir imágenes de fondo en su web app con el navegador microsoft edge.
Yo tenia algo así:
<style>
body{
backgound-image:url("image.jpg");
}
</style>
<body>
Mi contenido.
</body>
body{
backgound-image:url("image.jpg");
}
</style>
<body>
Mi contenido.
</body>
Lo anterior da como resultado lo siguiente:
Al invocar el comando imprimir CTRL+P el resultado es:
Imagen. Resultado en Edge.
Pero al invocar el comando imprimir no aparece la imagen de fondo, ni marcando la opción imprimir gráficos de fondo, por lo que mi solución fue agregar un div que contuviera mi imagen, el truco es que el div debe tener posición absoluta y posicionarlo por debajo de otros elementos, así:
<style>
<body>
<div class="background"><img src="image.jpg" width="780" height="1005"></div>
.background{
position: absolute;
top: 0;
left: 0;
z-index: -1000;
}
</style><body>
<div class="background"><img src="image.jpg" width="780" height="1005"></div>
Mi contenido.
</body>
El resultado será:
Desconozco porque sucede esto en microsoft edge, en chrome, incluso en el ya obsoleto explorer no hay este problema. Deseo que sea de ayuda a alguien.
Comentarios
Publicar un comentario