Warum verschwinden Hintergrundbilder beim Drucken in Firefox und Internet Explorer?

So drucken Sie Hintergrundbilder in Firefox und Internet Explorer

Problem: Hintergrundbilder verschwinden beim Drucken von Seiten in Firefox oder Internet Explorer, obwohl sie zur Darstellung von Informationen wie Sternen verwendet werden, die einen Kenntnisstand anzeigen.

Lösung 1: Verwenden eines Druck-Stylesheets

Erstellen Sie ein separates Stylesheet speziell für den Druck :

/* print.css */

/* media:print */
.star {
    text-indent: 0;
}

Verknüpfen Sie das Druck-Stylesheet mit Ihrem HTML-Dokument:

<link rel="print stylesheet" type="text/css" href="print.css">

Lösung 2: Bild beim Drucken anzeigen

Fügen Sie ein Bild hinzu um Ihre Sterne im DIV-Element darzustellen und auf dem Bildschirm auszublenden:

/* media:screen */
.star img {
    visibility: hidden;
}

/* media:print */
.star img {
    visibility: visible;
}

<div class="star"><img src="./images/star.jpg" alt="*"></div>

Das obige ist der detaillierte Inhalt vonWarum verschwinden Hintergrundbilder beim Drucken in Firefox und Internet Explorer?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!