打印頁面時顯示背景顏色

我有從我的網站打印報告的頁面，並且我設置了顯示網格結果的表格。打印頁面時顯示背景顏色

所以，我的問題是，我設置爲th attrbute表背景色，這個背景是在打印前在頁面上顯示它的，但是打印它時，th背景沒有顯示。

這裏我的CSS代碼： -

@media print { 
.head th { 
    background: #CCCCCC; 
    background: -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#CCCCCC)); 
    background: -moz-linear-gradient(top, #CCCCCC, #CCCCCC); 
    border: 1px solid #000000; 
    font-size: 16px; 
    text-align: center; 
    font-weight:bold; 
    padding:10px; 
    } 
    } 
.wrap{ 
    width: auto; 
    background:#fff; 
    word-wrap: break-word; 
    margin:30px; 
} 
th { 
    background: #CCCCCC; 
    background: -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#CCCCCC)); 
    background: -moz-linear-gradient(top, #CCCCCC, #CCCCCC); 
    border: 1px solid #000000; 
    font-size: 16px; 
    text-align: center; 
    font-weight:bold; 
    padding:10px; 
}

我怎樣才能顯示th backgound當我打印此頁。

來源

2013-04-27 kam maik

在您的瀏覽器中確保打印背景顏色和圖像選項被選中。 – BK004 2013-04-27 19:26:43

嘗試看看-webkit-print-color-adjust:exact;，使你的瀏覽器打印彩色背景...

valuses：

經濟正常行爲。僅當用戶明確允許瀏覽器的打印設置對話框時纔會打印背景顏色和圖像。

確切背景色和被施加，總是打印該規則的元素的圖像，用戶的打印設置將被覆蓋。

希望這可以幫助

來源

2013-04-27 19:38:44

謝謝你，另外一個問題，我怎樣才能從打印頁面中刪除頁碼和日期而不用改變瀏覽器中的任何東西 – 2013-04-27 19:47:25

當你按下CTR + P（嘗試打印你的頁面）嚮導會彈出，這個嚮導是php，java或者任何東西，重要的是想你是整個頁面是Html或CSS，嘗試檢查元素，並與CSS玩它我認爲它可以通過CSS編輯@page { margin：value; }'...對不起，我從來不想要那樣的東西...... – 2013-04-27 20:04:52

打印頁面時顯示背景顏色

回答

相關問題