come posso mostrare il colore di sfondo e l'immagine durante la stampa, sapevo che questa è la proprietà del browser, ma voglio completarla da CSS come io uso per il webkit -webkit-print-color-adjust: exact; quindi come posso ottenerlo.HTML/CSS - Lo stile per la stampa, il colore di sfondo e l'immagine non vengono visualizzati in IE e Firefox?
Usa @media CSS per impostare lo stile per i diversi dispositivi
@media stampare Utilizzato per le stampanti
schermo @media Utilizzato per schermi di computer
alcuni letture facili sono le seguenti
No, non è possibile, si veda:
La proprietà -webkit-print-color-adjust è un'estensione CSS non standard che può essere utilizzato per forzare la stampa dei colori di sfondo e immagini nei browser basati sul motore WebKit.
Non esiste una soluzione del genere per Firefox o IE.
L'unica soluzione è deselezionare la casella di controllo "Stampa colori di sfondo" nella finestra di dialogo di stampa manualmente.
Penso che questa sia la risposta corretta, anche se le altre risposte hanno alcune informazioni utili - ma non solo la risposta alla domanda – rubo77
Questa opzione è anche disponibile solo nei browser Webkit più recenti. Nessun supporto per quelli precedenti al 2013 e potrebbe essere un po 'buggato come menzionato nel link superiore. –
Google Maps e Bing Maps utilizzare un hack CSS che coinvolge bordi di celle di tabella molto grandi e margini negativi. La maggior parte degli altri siti non ha ancora implementato questo trucco.
Non riesco a trovare alcuna documentazione su come ricreare questo, tuttavia, se il lettore è disposto a guardare da vicino il DOM delle stampe su uno di questi siti, troverà un modo per aggirare le restrizioni.
Possibile duplicato: [Come posso stampare immagini di sfondo in FF o IE?] (Http://stackoverflow.com/q/596876/1456376). – insertusernamehere
Possibile duplicato: [proprietà di stampa colore CSS per i browser non Webkit] (http://stackoverflow.com/questions/12730331/css-property-print-color-adjust-for-non-webkit-browsers) – rubo77
meglio finora: https://defuse.ca/force-print-background.htm – Teson