印刷用にCSSでフッターを表示するにはどうすればよいですか？

Question

私はいくつかのデータと内容を持つページを持っています。ヘッダーについて心配しないように、コンテンツとフッターを表示する印刷バージョンを作りたいと思います。

印刷用に別のページを書くのではなく、 "@media print"のCSS機能について読んでいました。

まず、どのブラウザが対応していますか？これは内部機能なので、最新のブラウザだけがサポートしていれば問題ありません。

私はいくつかのDOM要素に "印刷可能"クラスをタグ付けし、基本的に "display：block"を適用することを考えていました。それは実践ですか？

どうすればよいですか？

EDITは：

/* Print Style - SuccinctNate */ 

@media print { 
* {display:block;} 
.printable, .printable > * {display:block;} 

#footer {display:block;} 

} 

Answer 1

あなたのコードが正しいようだ：これは私がこれまで持っているものです。あなたは印刷物に表示したい項目にdisplay:blockを設定し、他にはdisplay:noneを設定することができます。

@media print { 
      * { display:none } 
      .item_i_want_to_print { display:block;} 
} 

またはあなたがちょうどあなたが、それはすべてのブラウザと互換性のあるプリント

@media print { 

      .item_i_do_not_want_to_print { display: none;} 
} 

に表示したくないものを隠すことができます。 media print