HTML - /CSS - Styling für print -, hintergrund-Farbe und das Bild würde nicht angezeigt, im IE und Firefox?

wie kann ich die hintergrund Farbe und das Bild beim Druck, ich wusste, dass es dies ist die browser-Eigenschaften, aber ich möchte, um es vollständig von CSS wie ich für webkit -webkit-print-color-adjust: exact; also, wie kann ich es erreichen.

Mögliche Duplikate von: Wie kann ich drucken Sie hintergrund-Bilder in FF oder IE?.
Mögliche Duplikate von: CSS-Eigenschaft drucken-Farbe-passen für nicht-webkit-Browsern
am besten so weit: defuse.ca/force-print-background.htm

InformationsquelleAutor user2029716 | 2013-02-02

  1. 9

    Nein, es ist nicht möglich, siehe: -webkit-print-Farbe-anpassen

    Den -webkit-print-color-adjust Eigenschaft ist eine nicht-standard-CSS-Erweiterung, die verwendet werden können, zu erzwingen, Druck von Hintergrundfarben und-Bildern im Browser basierend auf der WebKit-engine.

    Gibt es keine solche Lösung für Firefox oder IE.

    Die einzige Lösung es ist, deaktivieren Sie das Kontrollkästchen "Print background colors" im drucken-dialog manuell.

    Ich denke, das ist die richtige Antwort, obwohl die anderen Antworten haben einige nützliche Informationen, aber eben nicht die Antwort auf die Frage
    Diese option ist auch verfügbar, nur in aktuellen webkit-Browsern. Keine Unterstützung für diejenigen vor, dass 2013 und es könnte ein wenig buggy, wie erwähnt, im oberen link.

    InformationsquelleAutor rubo77

  2. 1

    Google Maps und Bing Maps verwenden Sie ein CSS-hack mit wirklich großen Zelle in der Tabelle Grenzen und negativen Margen. Die meisten anderen Seiten noch nicht implementiert, dieser hack.

    Kann ich nicht finden, keine Dokumentation, wie neu dieses jedoch, wenn der Leser ist bereit, sich eng an den DOM der Ausdrucke auf diesen Seiten, s/er wird einen Weg finden, um die Einschränkungen.

    InformationsquelleAutor patstuart

  3. -2

    Verwendung von CSS @media-set-Stil, die für unterschiedliche Geräte

    @media print
    Verwendet für Drucker

    @media screen
    Für computer-Bildschirme

    einige einfache Messungen sind wie folgt

    http://www.w3schools.com/css/css_mediatypes.asp

    https://developer.mozilla.org/en-US/docs/CSS/@media

    InformationsquelleAutor user2031802

Schreibe einen Kommentar