HTML / CSS - стиль для печати, фон не будет отображаться?

Question

У меня возникают проблемы при создании сайта, идентичного просмотру его в браузере, для печати.Выглядит хорошо, единственное, что меня застряло, это то, что он отказывается отображать фон.С изображениями все в порядке, это всего лишь фон.Я не пробовал устанавливать изображение в качестве фона, но это все равно не нужно, верно?

Я применяю фон к элементу DIV, с шестнадцатеричными цветами, если это важно.

Есть ли способ обойти это?Я искал его, но я не нашел ни у кого такой же проблемы.

Спасибо!

Answer 1

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

-webkit-print-color-adjust: exact;

Answer 2

Фоновые изображения, которые печатаются или нет, это не то, что вы можете заставить с помощью CSS: это настройка браузера, и большинство (если не все) браузеры по умолчанию используют ' not '.

Answer 3

CSS: box-shadow: inset 0 0 0 1000px gold;

Работает для всех браузеров и для ячеек и строк таблицы.

Answer 4

Вы можете попробовать использовать два отдельных элемента, например, абзац и изображение, а затем установить z-индекс изображения ниже, чем z-индекс абзаца, а затем полностью расположить изображение позади вашего контента.Но я бы порекомендовал не иметь фоновой печати.В противном случае вы теряете ожидания пользователей, и люди, вероятно, будут раздражены.