2011-10-26 27 views
0

良い印刷スタイルシートを作成してPDFコンポーネントの必要性を回避しようとしています。印刷時に通常のスタイルシートが印刷スタイルシートより優先されるのはなぜですか?

私は2つのCSSファイルsite.cssprint.cssを持っています。これらは、以下を経由してロードされます。

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

site.cssは、これは私が唯一の意思のために追加したドキュメント内の要素に適用される

.printonly 
{ 
    display: none; 
} 

を加えて、大規模な長いと退屈なCSSファイルであります私はそのページに欲しくない印刷のこれはsite.cssファイル内にのみ存在します。

画像が<img class="printonly" src="image.png" id="logo" alt="logo"/>から読み込まれたとき印刷されたシートには表示されません。

私がclass="printonly"を削除した場合、印刷されたページに画像が表示されます。

これは、印刷しようとしてもsite.cssが取り上げられていると私には思われます。

これを回避する方法はありますか、誰かが何か提案することはできますか?完了便宜上


、私はしかし、私はそれが本当に必要とされていることを確認していない、全体print.cssが含まれている:

body { 
    width: 210mm; 
    height: 297mm; } 

#logo { 
    margin-left: 50%; 
    margin-right: 50%; } 

.noprint { 
    display: none; } 

答えて

2

あなただけのスクリーンメディアのための最初のスタイルシートを作ることができるのいずれか、それらのイメージの表示値を印刷メディアスタイルシートのインラインに戻すことができます。

+0

ああ....どれくらい簡単なのか信じられない!最初のものにmedia = "screen"を追加するとうまくいきます! ...もう一度、私は愚かな気がする。印刷するときに印刷物が使われたと思っただけで、両方を使うことは考えられませんでした。 + 1 /答えることができます。 – Wil

関連する問題