Как печатать брендированные страницы?

Question

maks78945 @maks78945

HTML
CSS

Как печатать брендированные страницы?

Подскажите пожалуйста, как как применять стили для печати страниц с фоном.
Суть таковая что бы текст печатался с колонтитулами сверху и снизу, но background при печати не применяется

Вопрос задан более трёх лет назад
88 просмотров

Комментировать

Подписаться 1 Простой Комментировать

Решения вопроса 1

3 комментария

maks78945 @maks78945 Автор вопроса

Пробую вот так, но при печати получаю текст без фона:

<!DOCTYPE html>
<html lang="ru">
    <head>
        <meta charset="utf-8" />
        <title>Документ без названия</title>
		<style type="text/css">
  			.red {
				background-color:green;	
			}
			
			@media print {
  				.red {
    				background-color:red;
 				}
			}
		</style>
    </head>
    <body>
		<p class="red">текст</p>
    </body>
</html>

Написано более трёх лет назад

Anton Filippov @vicodin
maks78945, возможно это браузерные ограничения (причём я с ними на 100% солидарен, зачем печатать текст с фоном? чтобы он нихера не читался?)

Попробуйте это свойство
body { -webkit-print-color-adjust: exact; }

https://stackoverflow.com/questions/3893986/css-me...
Написано более трёх лет назад
maks78945 @maks78945 Автор вопроса

flppv, спасибо помогло

Написано более трёх лет назад

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

HTML

+1 ещё

Средний
Как зафиксировать данные блоки, чтобы не было разрывов?
- 1 подписчик
- час назад
- 29 просмотров
0

ответов
HTML

+3 ещё

Простой
Возникла поломка файлов для установки пакетов в редакторе Atom, есть ли решение данной проблемы?
- 1 подписчик
- 21 час назад
- 54 просмотра
1

ответ
CSS

Средний
Как загруглить края полосы прокрутки?
- 1 подписчик
- вчера
- 41 просмотр
0

ответов
HTML

Простой
Как выставить фото в select?
- 1 подписчик
- вчера
- 62 просмотра
2

ответа
JavaScript

+2 ещё

Простой
Вся секция заежает за header?
- 1 подписчик
- вчера
- 95 просмотров
1

ответ
CSS

Простой
Как в данном коде формируется высота блока?
- 1 подписчик
- вчера
- 52 просмотра
1

ответ
CSS

Простой
Как убрать подчеркивание ссылки :hover?
- 1 подписчик
- вчера
- 100 просмотров
0

ответов
JavaScript

+2 ещё

Средний
Возможно ли расположить или чтобы блок div мог заходить в прозрачный фон png фота?
- 1 подписчик
- вчера
- 38 просмотров
1

ответ
CSS

Простой
Как сделать фон который слева сужается, справа расширяется?
- 1 подписчик
- вчера
- 65 просмотров
2

ответа
CSS

+1 ещё

Простой
Bootstrap, как затемнить картинку?
- 1 подписчик
- 26 апр.
- 55 просмотров
0

ответов
Показать ещё Загружается…

Тестировщик-стажёр

ITooLabs • Тула

от 35 000 до 40 000 ₽

Fullstack PHP Developer

Smapse Education

от 40 000 до 65 000 ₽

Trainee - IT Support

move2usajobs.com LLC • Лос-Анджелес

от 2 000 до 4 000 $

Разработать сервер питон

28 апр. 2024, в 14:43

5000 руб./за проект

NodeJS реализации интерации двух сервисов и создания микро системы

28 апр. 2024, в 14:32

12000 руб./за проект

Требуется специалист Joomla

28 апр. 2024, в 14:29

15000 руб./за проект

Answer 1 · 2017-12-04 15:34:27

// класс для ваших колонтитулов
.brand-colon {
  display: none;

  // тут стили с позиционированием и прочим
}

@media print {
  .brand-colon {
    display: block;
  }
}

Как печатать брендированные страницы?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт