TDs Hintergrundfarbe nicht in der seitenansicht sichtbar

Habe ich td wie diesen:

<td align="left" bgcolor="#FF0000">

In Browsern, es ist ein Roter hintergrund Farbe, die angewendet wird, um es, aber wenn ich sehe, seitenansicht von dieser, es ist keine rote Farbe in den hintergrund. auch die Schriftfarbe ist weiß, aber es wird auch in weiß umgewandelt, wenn drucken eine Vorschau anzeigen.

Jemand weiß, was kann der Grund sein?

Dank

InformationsquelleAutor Sarfraz | 2009-12-26
  1. 4

    Den Druck von Hintergrundfarben unterstützt wird unterschiedlich von jedem browser, und es ist oft standardmäßig deaktiviert. Zum Beispiel, in Safari, es ist eine option im drucken-dialog namens "Hintergrundfarben Drucken". Ich bin nicht sicher, wo die option ist in anderen Browsern.

    InformationsquelleAutor Doug Neiner
  2. 12

    Machen WebKit-Browsern (Safari, Google Chrome) drucken Sie das Hintergrundbild oder Farbe, sollten Sie die folgenden css-Stil auf das element: 

    -webkit-print-color-adjust: exact;
    • Funktioniert perfekt, Danke Marco!
    InformationsquelleAutor Marco Bettiolo
  3. 3

    Ich lief in dieses Problem mich und glaube, dass ich eine Lösung haben. Ich ursprünglich Tat dies mit einem H1-tag, aber dann den gleichen code für ein TD

    h1 {
    background-color:#404040;
    background-image:url("img/404040.png");
    background-repeat:repeat;
    box-shadow: inset 0 0 0 1000px #404040;
    border:30px solid #404040;
    height:0;
    width:100%;
    color:#FFFFFF !important;
    margin:0 -20px;
    line-height:0px;
}

    Hier sind ein paar Dinge zu beachten:

    • hintergrund-Farbe ist der absolute fallback und ist dort für die Nachwelt meistens.
    • hintergrund-Bild verwendet ein 1px x 1px pixel #404040 in einem PNG. Wenn der Benutzer Bilder aktiviert kann es funktionieren, wenn nicht...
    • Legen Sie die box-shadow, wenn das nicht funktioniert...
    • Border = 1/2 die gewünschte Höhe und/oder Breite der box, solide, Farbe. Im obigen Beispiel wollte ich eine 60px Höhe-Feld.
    • Null aus der Höhe/Breite je nach dem, was du bist-controlling in das border-Attribut.
    • Schriftfarbe ist standardmäßig schwarz, es sei denn, Sie verwenden !wichtig
    • Setzen line-height auf 0 zu fix für die box nicht mit physischen dimension.
    • Machen und hosten Ihre eigenen verdammten PNGs 😉

    Siehe meine fiddle für eine ausführlichere demonstration.

    InformationsquelleAutor Pete Fecteau
  4. 0

    Versuchen Sie es mit CSS, wenn Sie können und der hintergrund funktioniert nicht mit der print-version angeben, eine print-css-Dokument.

    <link rev="stylesheet" href="style.css" type="text/css" media="all" />
    <link rev="stylesheet" href="print.css" type="text/css" media="print" />

    Grundlegende CSS hier:


    td{
    background-color:#FF0000;
    }

    • Wie bereits von @doug neiner dies funktioniert nicht in allen Browsern, nur tun die CSS wird nicht funktionieren
    • Ich sehe keine Erwähnung von CSS die @doug neiner . Die OP wurde auch gefragt, über schriftart,-Farbe beim drucken. Sie markiert diese nach unten?
    • Und das funktioniert nicht. Sowohl in Chrome und FF ignorieren CSS Hintergrundfarbe beim drucken.
    InformationsquelleAutor Gazzer
Schreibe einen Kommentar