ページ上のテキストを非表示にして、それをwindow.printに表示

Question

誰でもどのようにテキスト、日付、または何かをページに隠すことができますが、window.print()のボタンをクリックすると表示されます。 私が使用しています：

@media print { 
    @page { margin: 0; } 
    body { margin: 1.6cm; } 
} 

@media print { 
    .hide-from-printer{ display:none; } 
} 

<a href="#" onClick="window.print()" class="btn btn-success hide-from-printer">Print</a> 

だから、このボタンclass="hide-from-printer"ような、それがページ上で表示されますが、印刷ページから非表示にします。私はその逆をしたい（反対に）。なにか提案を？

Answer 1

あなたが'screenを使用することができます'を通常の画面に表示するには、

@media screen { 
    .hide-from-screen { 
     display: none; 
    } 
} 

@media print { 
    .hide-from-printer { 
      display: none; 
     } 
} 

があります。これらのクラスを適宜使用してください。

Answer 2

使用この方法：

.hide-from-page { display:none; } /* hide at normal page view */ 

@media print { 
    .hide-from-page { display:inline; } /* make it visible during print */ 
} 

注：正しく意味するクラスの名前を変更するために、その明白な（代わりにhide-from-printerの、それはhide-from-pageかshow-only-at-printなどのようなものでなければなりません）