2016-01-25 14 views
7

Sto usando il rubino Barby rubino che aggiunge un modo pratico a render barcodes as HTML.Forza la stampa a colori di sfondo su Firefox

Barby esegue il rendering di una tabella con gli sfondi td in base al codice trasmesso. Funziona piuttosto bene perché non voglio generare e memorizzare un file immagine per ogni record per cui ho bisogno di un codice a barre.

I principali browser non stampano i colori di sfondo per impostazione predefinita e ho bisogno del codice a barre per stampare senza che l'utente debba modificare un'opzione di stampa sul proprio sistema locale.

Non sono sicuro di come farlo con Firefox. Con webkit (Chrome e Safari), è abbastanza facile:

td { 
    background: #000 !important; 
    -webkit-print-color-adjust: exact; 
} 

Febbrile Googling non ha davvero mi ha preso da nessuna parte: This domanda è vecchia di qualche anno e non ho trovato nulla di nuovo, quindi immagino che avrei poni di nuovo la domanda. Fat borders non funzionerà anche perché se la relazione tra le barre cambia, cambierà i dati contenuti nel codice.

+0

Sono molto triste non c'è una risposta per questo :(browser hanno bisogno per supportare la stampa meglio – RustyToms

+0

Sorprendentemente, sembra che alcune modifiche recenti stanno facendo questo lavoro con il. nuova proprietà per la regolazione del colore MDN non ha ancora la documentazione necessaria, quindi penso che potrebbe essere ancora in fase di sviluppo per ora (settembre 2016) – RustyToms

+0

@RustyToms Odio supportare la stampa lol –

risposta

12

Questo sta iniziando a funzionare in Firefox (almeno versione 48.0.2) con la proprietà "color-adjust".

td { 
    background: #000 !important; 
    -webkit-print-color-adjust: exact; 
    color-adjust: exact; 
} 

Vedo un errore secondario o due nel mio particolare progetto, ma i colori dello sfondo sono visibili!

+0

Buona risposta Risolto il mio problema – Braj

+2

Funziona alla grande per i colori bg C'è un modo per la proprietà del colore? Il mio non è né la stampa del colore se imposto il colore su bianco altro sta funzionando. – Jnanaranjan

1

questo funziona per me:

@media print { 
    body { 
     -webkit-print-color-adjust: exact; /*Chrome, Safari */ 
     color-adjust: exact; /*Firefox*/ 
    } 
} 
Problemi correlati