3

私は現在、外部のprint.cssファイルとして以下を使用しています。

/*不要な要素を削除します*/

hiddenedit、＃hiddenbuttons、＃header、＃nav、.propertyselector、li.hiddentab、ul.hiddentab {表示：なし; }

/*コンテンツが全幅に及ぶことを確認します*/

コンテナ、＃container2、＃content {幅：100％; マージン：0; フロート：なし; }

/ *テキストの色を黒に変更します（暗い背景の明るいテキストに便利です）* / .lighttext {color：＃000}

/ *リンクの色のコントラストを改善します＃781351 * / a：link、a：visited {color：＃000}

これが表示を行うためにどのように機能するかを理解しています。ページに印刷したくないアイテムについてはありません。私の質問は：どうすればこれの逆を行うことができますか？ページが印刷されたときにのみ表示され、ページが表示されたときに表示されないようにしたい要素がページにある場合はどうすればよいですか？

何か案は？ありがとうございました。

4

4 に答える 4

7

簡単に言えば

.onlyprint {display: none;}
@media print {
  .onlyprint {display: block;}
}

CSSルールに。

于 2011-10-29T14:35:22.623 に答える
0

確かに逆のことをしてください...画面のcssファイルで、非表示にしたい項目を設定してからdisplay: none、print.cssにそれらを表示させます。

于 2011-10-29T14:35:39.133 に答える
0

オンラインスタイルシートに非表示と表示し、印刷CSSシートに表示と表示させます。それはあなたが意味することですか？divを割り当てる必要があります。

于 2011-10-29T14:35:46.350 に答える
0

phihagのコードよりも、他のブロック要素にも適用できるので、次の方がいいと思います。

@media not print {
  .only-print {display: none!important;}
}
@media print {
  .only-not-print {display: none!important;}
}
于 2019-01-24T16:26:12.740 に答える