Imprimir imágenes al sacarlas de Chrome/Firefox

Estoy imprimiendo una página desde mi aplicación web desde un navegador diferente. Contiene algunas imágenes pequeñas como marca de verificación, signo de interrogación en la página.

Ahora mi problema es que no está imprimiendo imágenes en la impresión. en IE funciona bien e imprime imágenes, pero en Google Chrome, Firefox no imprime imágenes.

¿Alguien puede tener una idea de qué hacer para imprimir imágenes impresas desde Chrome y Firefox?

Gracias de antemano.

a continuación está mi código para generar una imagen en la página.

Estoy preparando una celda con una clase llamada 'marca de verificación'.

 HtmlTableCell tc = new HtmlTableCell();
                        tc.InnerText = "";

                        if (Convert.ToInt64(result[h]) == 1)
                        {
                            tc.InnerHtml = "<b class='tickmark'></b>";
                        }

                        trContent.Cells.Add(tc);

y clase de marca de verificación que tiene código:

b.tickmark { background:url(../images/tickmark.png) no-repeat; width:13px; height:10px; display:block; vertical-align:middle; margin:0 auto; }

preguntado el 28 de julio de 12 a las 07:07

Muéstranos el código o el marcado que estás utilizando para crear estas imágenes. -

Edité mi publicación y agregué el código para generar una imagen en la página. ¿Puedes mirar esto y sugerirme algo de él? -

1 Respuestas

Los navegadores modernos no imprimen imágenes de fondo. Estas imágenes CSS están pensadas para diseñar.

Si esa imagen es importante, inclúyala en su página. imágenes en un <img/> la etiqueta funcionará.

Para evitar romper su diseño actual, puede hacer esto:

Tenga otro archivo css print.css y vincúlelo de la siguiente manera:

html:

<link rel="stylesheet" type="text/css" href="main.css" media="screen" />
<link rel="print stylesheet" type="text/css" href="print.css" media="print" />
<div class="tick"><img src="images/tickmark.png" alt="tick" /></div>

principal.css

.tick img {
    display: none;
}

imprimir.css

.tick img {
    display: block;
}

Respondido 28 Jul 12, 08:07

Ya lo hice en mi pantalla de código: bloquear, entonces tampoco imprimirá imágenes. - Brijesh Patel

El truco es tener un <img/> etiqueta, eso es lo que se imprime. Solo lo estoy ocultando en tu css principal. - nunespascal

Soy nuevo en la aplicación web. Entonces, ¿puede decirme cómo hacer la codificación para lo mismo? - Brijesh Patel

¿Qué parte de mi respuesta no has entendido? - nunespascal

No sé dónde escribir el código. Necesito escribir en tc.InnerHtml = " " línea y cambiar el código? - Brijesh Patel

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.