2012-04-13 118 views
3

我創建了一個表格,在給予每個tr類別「odd」和「even」之間循環。在我的樣式表中,我得到了這個:用於打印的樣式表,被忽略的背景顏色

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

這從瀏覽器,但打印時不工作。我的媒體樣式表中的其他所有內容除了此背景顏色外都適用。

我有顏色啓用打印,我可以用顏色打印圖像...所以?

+0

您正在使用哪種瀏覽器? – Bojangles 2012-04-13 11:02:22

+0

Firefox 11.讓我試試Chrome ... – Johannes 2012-04-13 11:04:03

+0

請看那些打印你的頁面? – 2012-04-13 11:04:35

回答

6

默認情況下,大多數瀏覽器在打印時會忽略CSS背景顏色和圖像。如果瀏覽器甚至有這樣的選項,那麼只能通過更改瀏覽器中的設置來重寫這個選項(有些則沒有,正如Quentin指出的那樣)。

+0

現在並非所有瀏覽器都有這樣的偏好。 – Quentin 2012-04-13 11:09:08

+0

謝謝你的;我已經更新了我的答案。 – 2012-04-13 11:14:11

+0

如果你想要在你的打印文件中的圖像,你應該使用'',這工作。 – aebersold 2012-04-13 11:19:28

0

您可以通過打印預覽來實現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; 
}