Как напечатать логотип заголовка на странице печати

Question

Я хочу напечатать логотип заголовка на странице печати, которой нет на экране.Подскажите пожалуйста, как мне это сделать?

Спасибо!

Answer 1

Предполагая, что мы говорим о HTML / CSS, вы можете иметь собственный CSS для некоторых типов медиа, например:

<link rel="stylesheet" type="text/css" href="sample.css" media="print" />   

или в строке:

@media print
  {
  p.test {font-family:times,serif;font-size:10px;}
  }
@media screen
  {
  p.test {font-family:verdana,sans-serif;font-size:14px;}
  }

Это должно позволить вам выполнить то, что вам нужно.

Answer 2

Вы бы использовали таблицу стилей печати. ​​

В обычной таблице стилей вы должны установить логотип на display: none;, а в таблице стилей печати - на display: block;.

Это скрыло бы его на экране и отобразило бы во время печати. ​​

Примечание: если вы использовали <div> с фоном, установленным для вашего логотипа в основном дизайне сайта, это не сработает. Браузеры не печатают фоны (для экономии чернил), поэтому они не будут видны. Вам необходимо добавить правильный тег <img> и применить метод, упомянутый выше.

Проверьте это для довольно полного введения в таблицы стилей печати:

• http://www.alistapart.com/articles/goingtoprint/