Stylesheet zum Drucken, Hintergrundfarbe ignoriert

Question

Ich erstelle eine Tabelle, wo ich zyklisch zwischen den einzelnen Klassen die Klasse "ungerade" und "gerade". In meinem Stylesheet habe ich folgendes:

 
table tbody tr.odd { 
    background-color: #cccccc; 
} 

Dies funktioniert vom Browser aber nicht beim Drucken. Alles andere in meinem Medien-Stylesheet funktioniert außer dieser Hintergrundfarbe.

Ich habe Farben für den Druck aktiviert, kann ich Bilder mit Farben drucken ... so?

Answer 1

Standardmäßig ignorieren die meisten Browser CSS-Hintergrundfarben und Bilder beim Drucken. Dies kann nur durch eine Änderung der Einstellung im Browser außer Kraft gesetzt werden, wenn der Browser eine solche Option besitzt (manche nicht, wie Quentin hervorhebt).

Answer 2

Sie können die Hintergrundfarbe eines Div durch Druckvorschau erreichen. Die Rahmenfarbe in divForBgColor:before ist die Hintergrundfarbe von divForBgColor.

.divForBgColor { 
    position: relative; 
    overflow: hidden; 
} 

.divForBgColor:before { 
    content: ''; 
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    border: 9999px solid #f1f2f2; 
    z-index: -1; 
}