2

CSS:

table.print{
    width:123px;
    height:298px;
    background-position:center;
    background:url('{{ STATIC_URL }}images/human.png'); 
}

HTML:

<table id="human-body" class="print" >
    <tr>
        <td>some data</td>
    </tr>
</table>

上記の HTML は、私のアプリの django で印刷テンプレートとして使用されます。私の問題は、上記の CSS を使用して背景画像を印刷ページに適用したことです。しかし、印刷ボタンを押して印刷プレビューを見ると、背景画像がありません。紙にも印刷して確認しましたが、画像が抜けています。

4

2 に答える 2

1

背景画像を印刷する場合は、以下の手順に従ってください

1.Chrome および Safari Web ブラウザでバックグラウンド印刷を有効にするには、

-webkit-print-color-adjust:exact;

あなたのprint.cssファイルでは、残りはすべて同じです

2.FireFoxでは、デフォルト"Print Background colours and images"で印刷設定がオフになっています。no CSS will override that.

背景画像が必要な場合は、ユーザーが手動でオンにする必要があります。

FF でバックグラウンドをオンにする手順:

Go to File -->Page setup -->Formats & Options -->Tick Print background(images & colors)
于 2013-10-16T13:27:28.060 に答える
0

css ファイルで STATIC_URL を使用することはできません。テンプレートでのみ使用できます。

于 2013-06-11T07:24:47.417 に答える