Colores llamativos para un cartel

Modo de mezcla

Yo buscaría la forma de media query para dirigir una hoja de estilos a la impresión. No creo que encuentres una forma común entre navegadores de hacer lo que quieres hacer (controlar si la impresora del usuario imprime un fondo) sin usar PDFs de tu contenido, lo que puede no ser deseable/posible. Sin embargo, deberías considerar un manejo especial de tus estilos de impresión y quizás evitar los fondos en tu diseño de la página impresa.
Aquí hay algo que me ha funcionado, ya que estaba usando un elemento de bloque de tamaño fijo. La imagen utilizada es de 1px X 1px pero forzada a expandirse al tamaño de la caja. De esta manera estamos imprimiendo la imagen directamente en lugar del color/imagen de fondo.

Mezcla de colores de fondo

Todo lo demás funciona, puedo modificar los bordes y demás pero el color de fondo no aparece en la impresión. Ahora entiendo que ustedes no pueden responder a mi pregunta sin más detalles. Sólo tenía curiosidad por saber si alguien había tenido este problema, o algo similar, antes.
La mejor “solución” que he encontrado es proporcionar un botón o enlace prominente de “Imprimir” que haga aparecer un pequeño cuadro de diálogo explicando de manera audaz, breve y concisa que necesitan ajustar la configuración de la impresora (con una instrucción de viñetas ABC 123) para permitir la impresión de fondo y de imágenes. Esto me ha dado muy buenos resultados.
Si no te importa usar una imagen en lugar de un color de fondo (o posiblemente una imagen con tu color de fondo) la solución de abajo ha funcionado para mí en FireFox, Chrome e incluso IE sin ningún tipo de anulación. Poner la imagen en algún lugar de la página y ocultarla hasta que el usuario imprima.

Texto en modo mixto

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet.

Ejemplos de modo mixto

Sockets.Almacenamiento webEsta sección define un mecanismo de almacenamiento del lado del cliente basado en pares nombre-valor.La sintaxis HTMLLa sintaxis XMLTodas estas características no servirían de nada si no pudieran representarse en forma serializada y enviarse a otras personas.
y enviarse a otras personas, por lo que estas secciones definen las sintaxis de HTML y XML, junto con las reglas para analizar el contenido utilizando esas sintaxis.RenderizaciónEsta sección define las reglas de renderización por defecto para los navegadores web.
Los elementos de opción han sido insertados. Si el nuevo valor es menor, entonces los últimos n nodos de la colección deben ser eliminados de sus nodos padre, donde n es la diferencia entre los dos números (valor antiguo menos valor nuevo).
2.6.3 La interfaz DOMStringList✔MDNDOMStringListSupport en todos los motores actuales.Firefox1+Safari5.1+Chrome1+Opera12.1+Edge79+Edge (Legacy)12+Internet Explorer10+Firefox Android4+Safari iOS5+Chrome Android18+WebView Android37+Samsung Internet1.0+Opera Android12.1+
strings.lengthDevuelve el número de cadenas en strings.strings[index]strings.item(index)Devuelve la cadena con índice de strings.strings.contains(string)Devuelve true si strings contiene string, y false

Esta web utiliza cookies propias para su correcto funcionamiento. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad