javascript - CSS メディアクエリを使用すると背景が印刷されない

Question

JavaScript を使用して CSS をサポートする Web ページを印刷したいのですが、これが私の簡単なスクリプトです。

print.css:

@media print {
 body { background-color:red;}
 }

webpage.html:

<HTML>
<head>
<link rel="stylesheet" type="text/css" href="print.css" media="print" />
</head>
<BODY>
          Hello World!
</BODY>
</HTML>

それから試してみましたが、結果 (Web ページの背景) がまだ白くなるのはなぜですか? PDFクリエーターで印刷しました。

誰でも私を助けることができますか？

score 1 · Accepted Answer

ユーザーが印刷設定で「背景の色と画像を印刷する」をオフにしている場合、それをオーバーライドする CSS はないため、常にそのことを考慮してください。これはデフォルト設定です。

背景色と画像を印刷するように設定すると、そこにあるものが機能します。

さまざまな場所で見られます。

IE9 では、[用紙オプション] の下の [印刷] -> [ページオプション] にあります。

FireFox では、[ページ設定] -> [オプション] の下の [書式とオプション] タブにあります。

javascript - CSS メディア クエリを使用すると背景が印刷されない