Элемент, видимый только на странице печати

У меня возникают проблемы с отображением ТОЛЬКО некоторых элементов ТОЛЬКО на странице печати. Например, у меня есть страница, где пользователи могут видеть предварительный просмотр печати (простой javascript). На этой странице печати im показаны только некоторые элементы страницы (не все), используя для этого:

@media print {
  .noPrint {
      display:none;
  }
}

Теперь, когда я применяю .noPrint к элементу, он не будет отображаться на странице печати. Но, как можно создать, например, div на странице, это будет допустимо на "странице печати", но не на обычной странице.

Достаточно ли этого и поддерживается большинством браузеров?

@media screen, projection, tv {


 .dontShowThis {
    display:none
  }
}

И теперь, если я хочу показать элемент на странице печати, но не на обычной странице, я сделаю это

<div class="dontShowThis printIt">Some content goes here</div>

Тпх

Ответы

Ответ 1

Я сделал что-то подобное некоторое время назад, вот как я это сделал:

@media screen
{
    .noPrint{}
    .noScreen{display:none;}
}

@media print
{
    .noPrint{display:none;}
    .noScreen{}
}

<div class="noScreen">Some content goes here</div>

AFAIK поддерживается всеми основными браузерами, даже IE8 начал его поддерживать.