Impression d'images d'arrière-plan CSS
Dans les Sprites ASP.NET, il est possible de rencontrer des difficultés lors de l'impression d'images d'arrière-plan. Malgré le HTML affichant les images, elles peuvent disparaître lors de l'impression en raison des limitations du navigateur.
Code généré :
<code class="html"><a href="/" id="siteLogo"><img class="getmecooking-logo-png" src="data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /></a></code>
Modifications de la feuille de style d'impression :
Remplacez la propriété de visibilité de l'élément siteLogo dans votre print.css comme ceci :
<code class="css">#siteLogo { visibility: visible !important; }</code>
Considérations spécifiques au navigateur :
Pour Chrome et Safari, ajoutez ce qui suit à votre CSS :
<code class="css">@media print { * { -webkit-print-color-adjust: exact; } }</code>
Malheureusement, dans d'autres navigateurs comme IE 9, 10 et 11, les utilisateurs doivent sélectionner manuellement l'option permettant d'imprimer les images d'arrière-plan. Ils peuvent le faire en cliquant sur l'icône en forme de rouage dans la boîte de dialogue d'impression, en accédant à la mise en page et en activant cette option.
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!