Impression d'images d'arrière-plan dans Firefox et Internet Explorer
Dans le domaine du développement Web, la compatibilité de l'impression peut poser des défis, en particulier lorsqu'il s'agit d'arrière-plan. images. Firefox et Internet Explorer présentent depuis longtemps des limites à cet égard.
Pour les situations où les images d'arrière-plan représentent des informations ou des repères visuels cruciaux, il est essentiel de trouver une solution de contournement. Heureusement, il existe des méthodes pour garantir que ces images apparaissent lors de l'impression.
Utilisation des feuilles de style d'impression
Une approche efficace consiste à utiliser des feuilles de style d'impression. Ces feuilles de style personnalisées permettent des modifications de style spécifiques lorsque le contenu est imprimé. En ajoutant une requête multimédia avec un indicateur « imprimer », vous pouvez cibler des styles spécifiquement à des fins d'impression.
Exemple :
@media print { .star { background: none; text-indent: 0; } }
Cet exemple supprime l'image d'arrière-plan pour la classe ".star" lors de l'impression, permettant au contenu du texte d'apparaître à la place.
Alternative : images en ligne
Une autre option consiste à utiliser des images en ligne dans le HTML balisage. Cette approche remplace l'image d'arrière-plan par une image réelle qui apparaîtra une fois imprimée.
Exemple :
<div class="star"><img src="star.jpg" alt="*"></div>
CSS :
@media print { .star img { visibility: visible; } }
Cette combinaison garantit que l'image en ligne devient visible tandis que l'image d'arrière-plan est masquée lors de l'impression.
Spécification des feuilles de style d'impression
Pour spécifier quelles feuilles de style doivent être utilisé pour l'impression, vous pouvez inclure des liens vers les types de supports appropriés :
HTML :
<link rel="stylesheet" type="text/css" href="main.css" media="screen"> <link rel="print stylesheet" type="text/css" href="print.css" media="print">
En mettant en œuvre ces techniques, vous pouvez obtenir le comportement d'impression souhaité pour les images d'arrière-plan dans Firefox et Internet Explorer, garantissant ainsi que les éléments visuels cruciaux sont conservés lors de l'impression.
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!