Element widoczny tylko na stronie wydruku

Question

Mam problemy z wyświetlaniem TYLKO niektórych elementów TYLKO na stronie wydruku. Na przykład mam stronę, na której użytkownicy widzą podgląd wydruku (prosty javascript). na tej stronie wydruku im pokazano tylko pewne elementy strony (nie wszyscy), używając do tego:

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

Teraz kiedy stosuje .noPrint do elementu, nie zostanie showned na stronie wydruku. Ale jak można utworzyć np. Div na stronie, która będzie dozwolona na "stronie wydruku", ale nie na zwykłej stronie.

Czy to wystarczy i jest obsługiwane przez większość przeglądarek?

@media screen, projection, tv { 


.dontShowThis { 
    display:none 
    } 
} 

A teraz jeśli chcę pokazać element na stronie druku, ale nie na zwykłej stronie i zrobi to

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

tnx

Answer 1

zrobiłem somthing podobny jakiś czas temu, to w jaki sposób zrobiłem to:

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

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

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

AFAIK ten jest obsługiwany przez wszystkich głównych przeglądarek, nawet IE8 zaczął go wspierać.