24

を含む を使用したいのですdivがbackground-color、ページを印刷すると白で表示されます。

それを使用してテーブルを作成し<tr bgcolor="#333333">ても機能しません。

cssと を使用して印刷ページを作成するにはどうすればよいhtmlですか?

私のコード:

<table border="0px" cellspacing="1" cellpadding="0" bgcolor="#777777" width="650px">
   <tr bgcolor="#999999">
       <td align=right colspan=2><span style="font:bold 14px 'b nazanin';">Text</span></td>
   </tr>
</table>
4

6 に答える 6

26

CSS:box-shadow: inset 0 0 0 1000px gold;

すべてのブラウザ、および表のセルと行で機能します。

于 2013-10-03T04:32:29.947 に答える
24

スタイルシートを印刷物に向けるメディアクエリの方法を調べます。コンテンツの PDF を使用せずに、クロスブラウザーでやりたいことを実行する (ユーザーのプリンターが背景を印刷するかどうかを制御する) 一般的な方法が見つかるとは思いません。ただし、印刷スタイルを特別に処理することを検討し、印刷ページのデザインに背景を使用しないようにする必要があります。

http://www.w3.org/TR/css3-mediaqueries/

編集

他のコメントを見て、背景を印刷する必要があり、ユーザーが 1 人しかいない場合は、ユーザーにプリンターで背景を印刷するように教えてください。Firefox の例 (チェックボックス) を参照してください。

背景の印刷ダイアログ Firefox

于 2011-07-01T21:50:34.843 に答える
18

デフォルトでは、背景色と画像は印刷されません。

これはユーザーが変更できるプリンター オプションですが、ユーザーがそれを知っている、または実行しているとは絶対に期待できません。これを Web 側から制御することはできません (私の知る限り)。

于 2011-07-01T21:38:14.137 に答える
17

Chrome では「-webkit-print-color-adjust: exact;」私のために働きます。

使用する：

@media print {
    .collage_bg {
        background-color: #E6E7E9 !important;
        -webkit-print-color-adjust: exact; 
    }
}

または、背景グラフィック オプションを確認します。 ここに画像の説明を入力

どちらのオプションも私にとってはうまくいきます。

于 2016-07-23T16:08:09.063 に答える
2

固定サイズのブロック要素を使用していたので、これがうまくいきました。使用される画像は 1px X 1px ですが、強制的にボックスのサイズに拡張されます。このようにして、背景色/画像の代わりに画像を直接印刷しています。

<style type="text/css">
.outer {
    width: 200px;
    height: 80px;
    position: relative;
}
.outer .grayBg {
    position: absolute;
    left: 0;
    top: 0;
    height: 80px;
    width: 100%;
    z-index: 1
}
.inner {
    width: 100%;
    position: relative;
    z-index: 10
}
</style>


<div class="outer"><img src="grayBg.png" class="grayBg" />
  <div class="inner">Some text</div>
</div>
于 2013-01-09T15:13:55.920 に答える
0

ただし、常にそのために画像を使用できます。幅 1px の画像を作成し、次のように繰り返します。

background: url('path/to/image.png') repeat-x;
于 2012-07-17T13:50:27.610 に答える