14

印刷ページに一部の要素のみを表示することに問題があります。たとえば、ユーザーが印刷プレビュー (単純な JavaScript) を表示できるページがあります。その印刷ページでは、ページの一部の要素 (すべてではない) のみを表示し、そのために次を使用します。

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

要素に .noPrint を適用すると、印刷ページに表示されなくなります。ただし、たとえばページ上に div を作成する方法は、「印刷ページ」では表示されますが、通常のページでは表示されません。

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

@media screen, projection, tv {


 .dontShowThis {
    display:none
  }
}

そして、通常のページではなく印刷ページに要素を表示したい場合は、これを行います

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

TNX

4

1 に答える 1

30

私はしばらく前に似たようなことをしました、これは私がそれをした方法です：

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

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

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

AFAIKこれはすべての主要なブラウザでサポートされており、IE8でもサポートを開始しました。

于 2012-06-20T09:55:10.793 に答える