Ich versuche, ein PHP-generiertes Dokument in Chrom zu drucken, auf dem Browser sieht es gut aus Link to the page I want to print Aber mein Drucker wird keine farbigen Hintergründe drucken, kann mir jemand bitte Vorschläge vorschlagen? Kann ich das mit CSS machen?Drucken Hintergrundfarben in Chrome
Antwort
Sie passen im Browser an, ob die Hintergrundfarben und Bilder gedruckt werden. Sehen Sie die Druckoptionen Ihres Browsers.
Google Chrome offers this feature starting from version 26 (März 2013).
Auch starting from version 17, Chrome ermöglicht das programmatische Ändern des Hintergrunddruckverhaltens mithilfe von -webkit-print-color-adjust:exact;
im Element CSS, um den Hintergrund zu drucken.
Beachten Sie auch, dass die überwiegende Mehrheit der Browser standardmäßig Hintergrundfarben und Bilder deaktiviert. –
Vielen Dank für diesen Tipp Eduardo! – danielmesh
Unterstützt Google Chrome diese Option noch? Ich sehe die Option im Druckdialog, aber die Hintergrundfarben werden immer noch nicht in der PDF angezeigt –
Gordons Antwort ist großartig, aber für Leute, deren CSS-Fähigkeiten rostig sind, hier ist ein vollständigeres Beispiel.
Geben Sie Folgendes in den Abschnitt Ihres Dokuments ein.
<style type="text/css">
@media print { body { -webkit-print-color-adjust: exact; } }
</style>
By the way, obwohl jetzt Druckdialog Chrome/Chromium ein Background graphics
Checkbox hat, scheint es nur, wenn Sie Print using system dialog
klicken Sie nicht zu arbeiten (mit Chrom in Linux beobachtet).
- 1. Drucken Webseite mit Hintergrundfarben
- 2. Hintergrundbild im IE drucken ohne "Hintergrundfarben und -bilder drucken"
- 3. CSS drucken - Seitenumbruch in Chrome
- 4. Mehrere Hintergrundfarben in pChart
- 5. Mehrere Hintergrundfarben, Bilder in CSS
- 6. Mehrere vertikale Hintergrundfarben in CSS3
- 7. Iframe-Inhalt in Opera und Chrome drucken
- 8. Einstellen der VIM Hintergrundfarben
- 9. UICollectionView 2 verschiedene Hintergrundfarben
- 10. Google Chrome Frame vermasselt Drucken MathML
- 11. Radfahren durch Hintergrundfarben mit Javascript
- 12. Einführung mehrerer Hintergrundfarben In Matlab GUI Schieberegler
- 13. Warum setzt Angular Material Hintergrundfarben?
- 14. Android-Taste mit verschiedenen Hintergrundfarben
- 15. JS Funktion zum Drucken div - Funktioniert nicht in Chrome?
- 16. Wie kann ich ein PDF in Google Chrome drucken?
- 17. Wie drucken Sie Protokollausgaben in Chrome DevTools Console?
- 18. Drucken eines PDFs über einen iFrame in Chrome/Firefox/IE
- 19. IE Rand drucken eine zusätzliche Seite, aber nicht in Chrome
- 20. Problemumgehung, um CSS-Seitenumbrucheigenschaften in Chrome zum Drucken zu verwenden?
- 21. Fehler beim Drucken einer Bootstrap-Tabelle in Chrome
- 22. Falsche Textfarben beim Drucken von HTML-Seiten
- 23. Blending 2 Elemente Hintergrundfarben mit CSS
- 24. Bootstrap 3 Navbar und Kollapsmenü verschiedene Hintergrundfarben?
- 25. CSS div mit verschiedenen Hintergrundfarben ohne Regenbogeneffekt
- 26. Geben bestimmte Zellen verschiedene Hintergrundfarben und Grenzen?
- 27. Cardview - Setze verschiedene Hintergrundfarben für jedes Element
- 28. Chrome: Druckvorschau unterscheidet sich von CSS-Medien simulieren Drucken
- 29. Drucken von DOM-Änderungen
- 30. Embed @ font-face-Schriften, wenn sie mit Chrome PDF Drucken
http://superuser.com/questions/117162/printing-background-colours-in-chrome – random
Chrome ermöglicht jetzt -webkit-print-color-adjust: exact; 'im Element CSS, um den Hintergrund zu drucken. –
Siehe ähnliche Frage http://stackoverflow.com/questions/5355117/print-css-backgrounds-in-safari-chrome/9339257 –