Ich habe eine Webseite, die einige Hintergrundbilder und CSS-Farben enthält, aber wenn ich die Seite mit ctrl + p drucke, wird die Seite mit der Druckvorschau ohne CSS- und Hintergrundfarben angezeigt.
Ich habe ein div -Element, das ein Inline-Stil-Attribut hat (weil das Hintergrundbild des divs dynamisch unter Verwendung der for-Schleife in der Codierung ausgewählt wird), wie unten
Also lese ich etwas hier , dass wir print media css schreiben können, um Hintergrundbilder und Farben standardmäßig wie
Aber ich weiß nicht, wie ich diese Medien-CSS mit Inline-CSS ( style='background-image: url('/static/images/print_%s.png') ) schreiben soll, die ich in meinem obigen div
Wie schreibt man die Medien CSS mit der Inline-CSS, um die Hintergrundbilder standardmäßig in der Druckvorschau sichtbar zu machen, wenn einige Klicks ctrl+p ?
Diese Antwort wird Ihnen helfen. Es funktioniert für FF und Chrome. Zuerst setzen Sie !important auf Ihre Inline-CSS, also auf <div class='assessment' style='background-image: url('/static/images/print_%s.png')!important > . Dann in Ihrer CSS-Datei:
Wie wäre es mit @media print Methode?
Bei der Druckoption gibt es einige Einstellungen, bei denen Sie viele Optionen zum Drucken eines Hintergrundbilds auswählen können.
Tags und Links javascript html css google-chrome firefox