ASP.NET スプライトで背景画像が印刷されないのはなぜですか?

CSS 背景画像の印刷

ASP.NET スプライトでは、背景画像の印刷で問題が発生する可能性があります。 HTML で画像が表示されているにもかかわらず、ブラウザの制限により印刷時に画像が消える場合があります。

生成されたコード:

<code class="html"><a href="/" id="siteLogo"><img class="getmecooking-logo-png" src="data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /></a></code>

印刷スタイルシートの変更:

print.css の siteLogo 要素の可視性プロパティを次のようにオーバーライドします。

<code class="css">#siteLogo {
    visibility: visible !important;
}</code>

ブラウザ固有の考慮事項:

Chrome および Safari の場合は、CSS に次の内容を追加します:

<code class="css">@media print {
    * {
        -webkit-print-color-adjust: exact;
    }
}</code>

残念ながら、IE 9、10、11 などの他のブラウザでは、背景画像を印刷するオプションをユーザーが手動で選択する必要があります。これを行うには、印刷ダイアログの歯車アイコンをクリックし、ページ設定に移動して、そのオプションを有効にします。

以上がASP.NET スプライトで背景画像が印刷されないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。