div Hintergrundfarbe nicht kommen, wenn der seitenansicht tritt auf der Seite

Ich habe ein div in meiner Seite:

<div id="div1>

welcome
</div>

Ich brauche, um die Hintergrundfarbe für dieses div mit css. so habe ich 'background-color' css-Code in unsere Seite, es funktioniert wie erwartet, aber wenn ich versuche zu drucken, dann ist es nicht zeigen entsprechende Farbe.

So, ich habe versucht, verwenden Sie den media-code. Es funktioniert im chrome-browser, aber ich weiß nicht, ob es funktioniert in allen Browsern.

@media print {
        #div1 {
            background-color: #E42314 !important;
            -webkit-print-color-adjust: exact; 

        }
    }
    #div1 {
        background-color: #E42314 !important;
    }
InformationsquelleAutor SivaRajini | 2013-12-06
  1. 5

    Gibt es diese option im browser die drucken-Einstellungen, wo Sie brauchen, klappen Sie das "anzeigen: hintergrund Farben und Bilder".

    Denn dies ist eine browser-Einstellung, werden Sie nicht in der Lage, diese durch den code.

    Beispielsweise wenn Sie Google Chrome, den Druck-Optionen wird wie folgt Aussehen:

    div Hintergrundfarbe nicht kommen, wenn der seitenansicht tritt auf der Seite

    Für DH, es wird in etwa so Aussehen:

    div Hintergrundfarbe nicht kommen, wenn der seitenansicht tritt auf der Seite

    • was ist mit anderen Browsern ?
    • Es. Aktualisiert die Antwort.
    InformationsquelleAutor Abhitalks
  2. 3

    Müssen Sie nur fügen Sie die !important Attribut, auf das der background-color-tag, um zu zeigen, müssen Sie nicht die web-kit-tag oder sogar müssen, es wickelte sich in die @print.

    background-color: #f5f5f5 !important;

    • versucht, dieses in Chrom und es hat nicht funktioniert für mich
    • Kann ich es auf der Arbeit auf divs, aber für Tabellenzeilen ich nicht. Sind Sie versuchen, es auf einen div oder ein anderes element?
    • Ich versuchte auf eine Zeile in der Tabelle. So scheint es, dass es nicht funktioniert auf <tr> da er nicht für Sie und ich, zumindest in Chrom
    • Korrekt ist, wenn Sie es herausfinden auf <tr> dann lass es mich wissen!
    • Verdammt! es funktioniert! Ich habe soeben eine kurze html-Liste aus einer sql-Datenbank mithilfe von shell, js, LENKER, nur damit es hübscher aus, und drucken Sie eine einzelne Kopie! eine solche unternehmung zu machen, damit es funktioniert! Der CSS-standard ist ein CHAOS! eines Tages sollte es werden komplett erneuert! Thx Floh!
    InformationsquelleAutor Flea
Schreibe einen Kommentar