3

ファイル サイズが大きくなり、ファイルが破損する原因となった Word を使用した古い方法と比較して、ネームタグ ソリューションを作成しています。PHP を使用してデータベースから名前を取得し、それらを html ページに出力しています。このページには、私が望むものも完全に表示されます。

私の問題は、印刷時に、背景色が適用されたテキストが正しく機能しないことです。

背景色を印刷できるように、この印刷スタイルを使用しています。-webkit-print-color-adjust: exact;

テキストに到達するまで、これはうまく機能します。

表示されるもの
ページ

出力ページでは、次のように印刷されます
印刷する

私のCSS：

.top-bar {
    width:100%;
    height:0.65in;
    background-color:#FFCC00;
    display:block;
    font-size:20pt;
    line-height:200%;
    font-family: Stencil;
    color:#008000;
    position:absolute;
    top:0;
    left:0;
}

いろいろなフォントを試してみましたが、違いはないようです。

Windows を使用しており、Chrome から印刷しています。cutepdf を使用して PDF に印刷していますが、物理的な印刷でも同じ結果が得られました。

文字の印刷方法を修正する方法はありますか?

4

1 に答える 1

1

-webkit-print-color-adjust: exact;

これが解決策です...周囲のdivに適用します。テキストの背景色を削除し、それを div に配置します。

于 2012-10-18T14:03:19.837 に答える