J'ai eu quelques problèmes avec l'impression des couleurs d'arrière-plan.
print-color-adjust a résolu le problème de couleur d'arrière-plan en chrome.
body{
-webkit-print-color-adjust: exact;
}
Quels sont les CSS alternatif dans Firefox et IE pour cela.
Comme mentionné -webkit-print-color-adjust: exact
est spécifique aux navigateurs WebKit, y compris Google Chrome et Safari d'Apple; par conséquent, le code devrait fonctionner correctement dans les navigateurs susmentionnés avec des résultats peut-être légèrement variés (selon le style de votre site/application).
Il a été proposé de normaliser cet extrait pour qu'il fonctionne universellement non seulement pour les navigateurs, mais aussi pour différents appareils. Le code est simplifié: color-adjust
. Comme pour le webkit-print-color-adjust
propriété, les valeurs possibles sont les mêmes pour la propriété proposée economy | exact
.
Si vous souhaitez utiliser la propriété à des fins d'impression, utilisez simplement un sélecteur dans un @media print
requete.
Je ne peux pas garantir l'adoption généralisée sur les navigateurs de la propriété brouillon, mais elle travaille actuellement sur la dernière version de FireFox.
Il existe un autre CSS pour imprimer les couleurs d'arrière-plan pour Chrome Et Firefox.
td {
-webkit-print-color-adjust: exact;//:For Chrome
color-adjust: exact;//:For Firefox
}
Cela commence à fonctionner dans Firefox (au moins la version 48.0.2) avec la propriété "color-adjust".
td {
background: #000 !important;
-webkit-print-color-adjust: exact;
color-adjust: exact;
}