Печать типа css с использованием фонового цвета в хроме
Я использую свойство background-color в формате CSS для печати типа.
Проблема заключается в том, что Google Chrome не показывает background-color или background-image в предпросмотре печати.
Как это можно решить?
Ответ 1
Chrome поддерживает управление цветом фона/печать изображений с помощью CSS. Вы можете установить следующее свойство CSS для элементов, фон которых должен быть напечатан:
-webkit-print-color-adjust: exact;
Обычно, конечно, это определяется настройками браузера, но Chrome позволяет веб-дизайнерам определять, как фоны печатаются на основе каждого элемента...
Примечания:
Требуется Chrome 17 или выше.
Фон тега тела не печатается.
Благодаря сайту "Кронс Web Tech", где я впервые заметил его: -
С Firefox фоновые изображения по умолчанию не печатаются, но его можно активировать в "Печать... → Настройка страницы"
Ответ 4
Вы можете попробовать инструменты разработчика в хроме, чтобы проверить, какие правила CSS применяются в вашем элементе DOM. Это поможет вам отладить и устранить проблему.