Печать на носителях css с использованием background-color в Chrome

Question

Я использую свойство background-color в CSS тип носителя print .

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

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

Answer 1

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

-webkit-print-color-adjust: exact;

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

Примечания:

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

Благодаря веб-блогу Cron, где я впервые заметил его: -

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

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

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

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

Answer 2

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

Каким-то образом Chrome должен отложить другой оператор цвета фона.

background-color:red !important

Answer 3

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

В Firefox фоновые изображения не печатаются по умолчанию, но их можно активировать в «Печать ... -> Настройка страницы»

Answer 4

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