背景色を印刷するためのスタイルシートは無視されます

Question

私は各trに "奇数"と "偶数"を与えるサイクルを繰り返すテーブルを作成します。私のスタイルシートで私はこれを持っています：

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

これはブラウザでは動作しますが、印刷時には動作しません。メディアスタイルシートのその他のものはすべて、この背景色を除いて動作します。

私は印刷可能な色を持っていますが、色で画像を印刷できますか？

Answer 1

デフォルトでは、印刷時にほとんどのブラウザがCSSの背景色とイメージを無視します。これは、ブラウザにそのようなオプションがある場合でも、ブラウザの設定を変更することでオーバーライドすることができます（Quentinが指摘しているように）。

Answer 2

印刷プレビューでdivの背景色を実現できます。 divForBgColor:beforeの境界線の色は、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; 
}