管理者情報を含む XHTML ベースのページがあります。管理者はページを印刷できるはずですが、管理者の情報を非表示にしたいと考えています。
ページを印刷するときに印刷領域を設定する方法はありますか、または「印刷」ボタンをクリックしたときに管理者情報なしでセカンダリ ページを開く唯一の実行可能な解決策はありますか?
ありがとうございました!
管理者情報を含む XHTML ベースのページがあります。管理者はページを印刷できるはずですが、管理者の情報を非表示にしたいと考えています。
ページを印刷するときに印刷領域を設定する方法はありますか、または「印刷」ボタンをクリックしたときに管理者情報なしでセカンダリ ページを開く唯一の実行可能な解決策はありますか?
ありがとうございました!
これを試して:
<style type="text/css" media="print">
.dontprint
{ display: none; }
</style>
<div class="dontprint">I'm only visible on the screen</div>
display: none
以下を使用して、その div の CSS を設定できます。
@media print {
div.do-not-print {display: none;}
}
通常は表示されますが、印刷時にはその CSS クラスが使用されます。
ページに print.css を追加して、印刷したくない要素をすべて非表示にします
<link rel="stylesheet" href="print.css" type="text/css" media="print" />
media="print" 属性は、ブラウザーに特定の css ファイルを使用するように指示します。
そのファイルには、
.admindetails{
display:none;
}
確かに, 印刷用に別のスタイルシートを追加できます. 以下の例を参照してください.
<link href="print.css" rel="stylesheet" type="text/css" media="print" />
またはスタイルシートを終了するときに、メディアクエリを追加できます
@media print {
.no-print {display: none;}
}
そして、HTML要素を印刷したくない場所に .no-print クラスを追加します