次の構文を持つテーブルの画像背景が1つあります
style="背景画像(URL)"
問題は、プリンターで印刷したときに印刷されなかったことです。
これを手に入れる方法を教えてください
画像の背景も透かしとして紙に印刷されます。
すべてのユーザーにブラウズ設定の変更を求めないようにするコードが必要です。
ありがとう
次の構文を持つテーブルの画像背景が1つあります
style="背景画像(URL)"
問題は、プリンターで印刷したときに印刷されなかったことです。
これを手に入れる方法を教えてください
画像の背景も透かしとして紙に印刷されます。
すべてのユーザーにブラウズ設定の変更を求めないようにするコードが必要です。
ありがとう
これは、ブラウザ内から構成できます。印刷オプションを開くと、背景画像を印刷するかどうかを尋ねるオプションがあります。:)
回答からお気づきかもしれませんが、ブラウザはデフォルトで背景画像を印刷しません。また、すべての訪問者のブラウザに透かしを印刷させる方法はありません。
透かしを強制的に印刷する方法として、透かしを含む IMG タグを複数回繰り返してコンテンツの下に配置する div を作成する方法があります。これは恐ろしく下品です。
ほとんどのブラウザには、背景を印刷するオプションがあります。FF 3.6.3 では、[ファイル] --> [ページ設定] --> [印刷の背景 (色と画像)] の下にあります。
とにかく、ユーザーはおそらく背景にインクを浪費したくないでしょう。
壁紙として z-index が 0 の絶対配置の div を使用し、コンテンツの z-index が 1 の絶対配置のコンテンツ div を使用することをお勧めします。
インクの問題を軽減するには、css @media 印刷ディレクティブを使用して、背景の不透明度を 5 ~ 10% に変更し、透かしのようにします。
ここにフィドルがあります:http://jsfiddle.net/Xfxg3/
CSS:
@media print {
#background{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}
}
#background{
position:absolute;
z-index:0;
background:#255;
display:block;
min-height:100%;
min-width:100%;
}
#content{
position:absolute;
z-index:1;
}
HTML:
<div id="content">
There is some content in here
</div>