僅在打印頁面上可見的元素

Question

僅在打印頁面上僅顯示一些元素時，存在問題。 例如，我有一個頁面，用戶可以在其中看到打印預覽（簡單的JavaScript）。 在該打印頁IM展示剛剛從頁面某些元素（不是全部），使用該：

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

現在，當我申請.noPrint到一個元素，它不會在打印頁面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開始支持它。