Drukowanie koloru tła w Firefox i IE

Question

Mam pewne problemy z drukowaniem kolorów tła w Firefoksie i IE. Dla przeglądarki Google Chrome znalazłem następującą sztuczkę i działa dobrze, ale w Firefoksie i IE nie mogę znaleźć niczego.

//Hack for Google Chrome 
-webkit-print-color-adjust:exact; 

Cieszę się, że ktoś może mi w tym pomóc.

Answer 1

Dla przeglądarki Firefox w oknie dialogowym Drukuj znajduje się przycisk Zaawansowane lub Pokaż szczegóły, jeśli klikniesz, w obszarze Wygląd znajdują się dwa pola wyboru. Jeden do drukowania kolorów tła i drukowania obrazów tła.

Answer 2

Wydaje się niemożliwe, jak mówi Spark, ale czasami można użyć szerokich granic jako obejścia (np. Div z wysokością 0 i granicą 100 pikseli).

Answer 3

Jeśli masz pewność, że twój element jest stałą wysokością/szerokością, możesz ustawić jego rozmiar, umieścić w nim kolorowy obraz 1px (dowolnego koloru, który ma być tłem) i wypełnić go przestrzenią. Wtedy możesz całkowicie umieścić swoje treści na wierzchu.

<div style="position: relative; width: 100px; height: 100px;"> 
    <img src="/images/blue.png" style="width: 100px; height: 100px;"> 
    <div style="position: absolute; top: 0px; left: 0px;"> 
     Hello world 
    </div> 
</div> 

Albo można zrobić to samo z obramowaniem zamiast obrazu:

<div style="position: relative; width: 100px; height: 100px;"> 
    <div style="width: 0; height: 0; border: 50px solid black;"> 
    <div style="position: absolute; top: 0px; left: 0px;"> 
     Hello world 
    </div> 
</div> 

(oryginalny pomysł stąd: https://defuse.ca/force-print-background.htm)

Answer 4

Firefox'a

color-adjust:exact; 

będzie działać tak samo, jak -webkit-print-color-adjust:exact;

Answer 5

* { 
-webkit-print-color-adjust: exact; 
printer-colors: exact; 
color-adjust: exact;} 

Przeglądarki: Chrome, Safari, Firefox

Więcej: https://wiki.csswg.org/ideas/print-backgrounds