2012-03-28 23 views
0

私はpdfへの印刷にCSSを使用しています。私のウェブページの内容は、私が印刷したくない私のウェブページ、ラベル、日付などのヘッダー、フッターのように必要以上に印刷しますか?ここでcssで印刷

は一例です:

<html> 
    <body> 
    <img src="Snapshot_20120326.jpg"/> 
    <h1>Mezoo</h1> 
    <h2>The big member</h2> 
    <button onclick="window.print();">print</button> 
    <style media="print"> 
     h1 ,img { 
     display: block; 
     } 

     h2, button{  
     display: none;  
     }  
    </style>  
    </body> 
</html> 
+0

あなたはちょっと混乱しているかもしれませんが、おそらくそれを修正する必要があります...しかし、最初にスタイルシートを 'body'ではなく' head'に入れてください。体に入る。 – joshuahealy

+0

これは役に立つかもしれません [http://stackoverflow.com/questions/9423392/print-css-not-working-correctly/9423423#9423423](http://stackoverflow.com/questions/9423392/print-css-正しく動作しない/ 9423423#9423423) – Dips

+0

Rememeberが正解を受け入れる –

答えて

0

あなたがリンク上でメディアタグを使用することができます。

<link rel="stylesheet" href="print.css" type="text/css" media="print" /> 

印刷CSSは、あなたが見たくないものに可視性をオフにすることができます。

+0

スタイルの代わりに? – Moaataz

2

これはおそらく、ヘッダーを非表示にする、例えばだから... ...別のCSSスタイルシートで

を@media印刷スタイルを設定するのが最善だろう:

@media print { 
.header, .hide { visibility: hidden } 
} 

あなたは、メディアについての詳細を学ぶことができますここでスタイリング:http://www.w3.org/TR/css3-mediaqueries/