TDs Hintergrundfarbe ist in der Druckvorschau nicht sichtbar

7

Ich habe es so:

%Vor%

In Browsern wird eine rote Hintergrundfarbe angewendet, aber wenn ich eine Druckvorschau sehe, gibt es keine rote Farbe im Hintergrund. Auch die Schriftfarbe ist weiß, wird aber beim Drucken in Weiß konvertiert.

Weiß jemand, was der Grund sein kann?

Danke

    
Sarfraz 26.12.2009, 08:22
quelle

4 Antworten

4

Das Drucken von Hintergrundfarben wird von jedem Browser unterschiedlich unterstützt und ist standardmäßig deaktiviert. In Safari ist dies beispielsweise eine Option im Druckdialog mit der Bezeichnung "Druckhintergrund". Ich bin nicht sicher, wo die Option in anderen Browsern ist.

    
Doug Neiner 26.12.2009, 08:26
quelle
12

Damit WebKit-Browser (Safari, Google Chrome) das Hintergrundbild oder die Hintergrundfarbe drucken, sollten Sie dem Element den folgenden css-Stil hinzufügen:

%Vor%     
Marco Bettiolo 02.07.2012 15:11
quelle
3

Ich bin gerade selbst auf dieses Problem gestoßen und glaube, dass ich eine Lösung habe. Ich habe dies ursprünglich mit einem H1-Tag gemacht, aber dann den gleichen Code für ein TD verwendet

%Vor%

Hier sind ein paar Dinge zu beachten:

  • background-color ist der absolute Fallback und ist hauptsächlich für die Nachwelt da.
  • background-image verwendet ein 1px x 1px Pixel von # 404040 in einem PNG. Wenn der Benutzer Bilder aktiviert hat, kann es funktionieren, wenn nicht ...
  • Setze den Box-Schatten, wenn das nicht funktioniert ...
  • Border = 1/2 Ihre gewünschte Höhe und / oder Breite der Box, solide, Farbe. Im obigen Beispiel wollte ich eine 60px Höhe Box.
  • Setzen Sie die Höhe / Breite auf Null, je nachdem, was Sie im border-Attribut steuern.
  • Die Schriftfarbe wird standardmäßig schwarz, es sei denn, Sie verwenden! wichtig
  • Setzen Sie line-height auf 0, um das Feld zu fixieren, das keine physische Dimension hat.
  • Mache und veranstalte deine eigenen PNGs;)

Siehe meine Geige für eine detailliertere Demonstration.

    
Pete Fecteau 24.05.2013 00:02
quelle
0

Versuchen Sie es mit CSS, wenn Sie können und wenn der Hintergrund nicht mit der Druckversion funktioniert, geben Sie ein Druck-CSS-Dokument an.

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

Grundlegende CSS hier:

td{ background-color:#FF0000; }

    
Gazzer 26.12.2009 20:02
quelle

Tags und Links