Feuille de style pour l'impression, couleur de fond ignorée

Question

Je crée une table où je fais un cycle entre donner à chaque tr la classe "impair" et "pair". Dans ma feuille de style, j'ai ceci:

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

Ceci fonctionne à partir du navigateur mais pas lors de l'impression. Tout le reste dans ma feuille de style média fonctionne à l'exception de cette couleur de fond.

J'ai des couleurs activées pour l'impression, je peux imprimer des images avec des couleurs ... donc?

Answer 1

Par défaut, la plupart des navigateurs ignorent les couleurs d'arrière-plan CSS et les images lors de l'impression. Cela ne peut être annulé qu'en changeant le réglage dans le navigateur, si le navigateur a même une telle option (certains ne le font pas, comme le souligne Quentin).

Answer 2

Vous pouvez obtenir la couleur d'arrière-plan d'un div par l'aperçu avant impression. La couleur de la bordure en divForBgColor:before sera la couleur de fond de 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; 
}