要素は印刷ページでのみ表示されます

Question

印刷ページにのみ一部の要素のみを表示することに問題があります。 たとえば、私はユーザーが印刷プレビュー（シンプルなjavascript）を見ることができるページを持っています。そのために使用したページからちょうどいくつかの要素（それらのすべてではない）、を示すこと印刷ページIMに ：私は要素に.noPrintを適用すると

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

は今、それが印刷ページでshownedされることはありません。 しかし、どのようにしてページ上にdivを作成することができますか？それは "ページを印刷"ではなく、通常のページには表示されません。

これで十分で、ほとんどのブラウザでサポートされますか？

@media screen, projection, tv { 


.dontShowThis { 
    display:none 
    } 
} 

と私は印刷ページ上ではなく、通常のページ上の要素を表示したい場合は、今、私はこの

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

TNX

Answer 1

を行います私はしばらく前に同様の気にいらをした、これはどのようにあります私はそれをしました：

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

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

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

AFAIKこれはすべての主要なブラウザでサポートされています。IE8でもサポートされています。