Печать типа css с использованием фонового цвета в хроме

Я использую свойство background-color в формате CSS для печати типа.

Проблема заключается в том, что Google Chrome не показывает background-color или background-image в предпросмотре печати. ​​

Как это можно решить?

Ответы

Ответ 1

Chrome поддерживает управление цветом фона/печать изображений с помощью CSS. Вы можете установить следующее свойство CSS для элементов, фон которых должен быть напечатан:

-webkit-print-color-adjust: exact;

Обычно, конечно, это определяется настройками браузера, но Chrome позволяет веб-дизайнерам определять, как фоны печатаются на основе каждого элемента...

Примечания:

  • Требуется Chrome 17 или выше.
  • Фон тега тела не печатается.

Благодаря сайту "Кронс Web Tech", где я впервые заметил его: -

http://blog.crondesign.com/2011/11/print-css-backgrounds-in-google-chrome.html

Кроме того, это приводит к некоторому фону (без каламбуры!) информации об этой функции: -

http://code.google.com/p/chromium/issues/detail?id=107763

Надеюсь, что это поможет...

Ответ 2

Я пытался часами использовать предложенные идеи, но никто не работал. Мне нужно было использовать !important

Как-то хром должен откладываться на другой оператор background-color.

background-color:red !important

Ответ 3

Я думаю, что проблема связана не с вашим кодом, а с Chrome: нет возможности печатать фон (изображения или цвета): см. http://www.google.com/support/forum/p/Chrome/thread?tid=17a4ac343580c8d3&hl=en

С Firefox фоновые изображения по умолчанию не печатаются, но его можно активировать в "Печать... → Настройка страницы"

Ответ 4

Вы можете попробовать инструменты разработчика в хроме, чтобы проверить, какие правила CSS применяются в вашем элементе DOM. Это поможет вам отладить и устранить проблему.