2010-03-06 4 views
32

Я пытаюсь распечатать PHP-сгенерированный документ в chrome, в браузере он выглядит хорошо Link to the page I want to print Но мой принтер не печатает цветные фоны, может ли кто-нибудь предложить какие-либо предложения? Могу ли я сделать это с помощью CSS?Печать цветов фона в Chrome

+1

http://superuser.com/questions/117162/printing-background-colours-in-chrome – random

+7

Теперь Chrome позволяет '-webkit-print-color-adjust: exact;' в элементе CSS печатать фон. –

+0

См. Аналогичный вопрос http://stackoverflow.com/questions/5355117/print-css-backgrounds-in-safari-chrome/9339257 –

ответ

58

В браузере вы настраиваете цвет и цвет фона и изображения. См. Параметры печати в браузерах.

Google Chrome offers this feature starting from version 26 (март 2013 г.).

Также starting from version 17, Chrome позволяет изменять программный режим фоновой печати, используя -webkit-print-color-adjust:exact; в элементе CSS для печати фона.

+1

Также имейте в виду, что подавляющее большинство браузеров по умолчанию отключает цвета фона и изображения. –

+0

Спасибо за этот отзыв Эдуардо! – danielmesh

+5

Поддерживает ли Google Chrome этот параметр? Я вижу вариант в диалоговом окне печати, но цвета фона по-прежнему не отображаются в pdf –

7

Ответ Гордона велик, но для людей, чьи навыки CSS являются ржавыми, вот более полный пример.

Поместите в раздел документа <head> следующее.

<style type="text/css"> 
@media print { body { -webkit-print-color-adjust: exact; } } 
</style> 

Кстати, хотя диалоговое окно печати Chrome/Chromium теперь имеет Background graphics флажок, это только кажется, будет работать, если вы не нажмете Print using system dialog (наблюдаемый с Chromium в Linux).

Смежные вопросы