web-dev-qa-db-fra.com

Imprimer les couleurs d'arrière-plan en Chrome

J'essaie d'imprimer un PHP document généré en chrome, sur le navigateur il semble bien Lien vers la page que je veux imprimer Mais mon imprimante n'imprimera aucune couleur arrière-plans, quelqu'un peut-il faire des suggestions s'il vous plaît? Puis-je le faire avec CSS?

42
Mick

Vous ajustez dans le navigateur si les couleurs et les images d'arrière-plan sont imprimées. Voir les options d'impression de votre navigateur.

Google Chrome propose cette fonctionnalité à partir de la version 26 (mars 2013).

à partir de la version 17 , Chrome permet de modifier le comportement d'impression en arrière-plan par programmation en utilisant -webkit-print-color-adjust:exact; dans l'élément CSS pour imprimer l'arrière-plan.

76
Gordon

La réponse de Gordon est excellente, mais pour les personnes dont les compétences CSS sont rouillées, voici un exemple plus complet.

Mettez ce qui suit dans la section <head> De votre document.

<style type="text/css">
@media print { body { -webkit-print-color-adjust: exact; } }
</style>

Soit dit en passant, bien que la boîte de dialogue d'impression de Chrome/Chromium comporte désormais une case à cocher Background graphics, Elle ne semble fonctionner que si vous ne cliquez pas sur Print using system dialog (Observé avec Chromium sous Linux).

14
nobar