Elemento visibile solo sulla pagina di stampa

Question

Im avendo problemi con la visualizzazione SOLO di alcuni elementi SOLO sulla pagina di stampa. Ad esempio, ho una pagina in cui gli utenti possono vedere l'anteprima di stampa (semplice javascript). In quella pagina di stampa im mostrando solo alcuni elementi da pagina (non tutti), utilizzando per questo:

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

Ora, quando mi applico .noPrint ad un elemento, non sarà showned nella pagina di stampa. Ma, come è possibile creare ad esempio div su una pagina, che sarà visibile su "print page" ma non su una pagina normale.

È sufficiente e supportato dalla maggior parte dei browser?

@media screen, projection, tv { 


.dontShowThis { 
    display:none 
    } 
} 

E ora se voglio mostrare elemento a pagina stampa ma non a pagina regolare lo farò

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

Tnx

Answer 1

ho somthing simile qualche tempo fa, questo è come L'ho fatto:

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

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

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

AFAIK questo è supportato da tutti i principali browser, anche IE8 ha iniziato a supportarlo.