Pourquoi les images d'arrière-plan disparaissent-elles lors de l'impression dans Firefox et Internet Explorer ?

Comment imprimer des images d'arrière-plan dans Firefox et Internet Explorer

Problème : Les images d'arrière-plan disparaissent lors de l'impression de pages dans Firefox ou Internet Explorer, bien qu'ils soient utilisés pour représenter des informations telles que des étoiles indiquant un niveau de compétence.

Solution 1 : Utiliser une impression Feuille de style

Créez une feuille de style distincte spécifiquement pour l'impression :

/* print.css */

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

Liez la feuille de style d'impression à votre document HTML :

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

Solution 2 : Affichage de l'image lors de l'impression

Ajoutez une image pour représenter vos étoiles dans l'élément DIV et cachez-la dessus écran :

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

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

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!