2015-05-18 65 views
5

嗨我試圖在打印時顯示純色背景色。
我用css在最後一頁上打印背景色

@media print { 
    height: 100%; 
    min-height:100%; 
    background: #CCC; 
} 

而在Chrome和Safari啓動 「打印背景圖形」。
但是在最後一頁中,下面有一個白點,因爲該網站並未覆蓋A4/Letter頁面的100%高度。

照片:

第一頁:看起來像預期的那樣。

最後一頁:Theres下方有一個空白區域,用於填充顏色。

回答

2

這樣的:

@media print { 
    height: 100%; 
    min-height:100%; 
    background: #CCC; 
} 

大概應該是:

@media print { 
    body { 
     height: 100%; 
     min-height:100%; 
     background: #CCC; 
    } 
} 
+0

喜我遵循代碼更正,但Chrome和Safari仍然不顯示全屏幕背景。 –

+0

您需要向我們顯示必要的代碼以幫助您。完整的HTML會很好。 – dippas

1

應用它像下面

@media print { 
    body, html{ 
    height: 100%; 
    min-height:100%; 
    background: #CCC; 
    } 
} 
+0

嗨,我遵循代碼更正,但Chrome和Safari仍然不顯示全屏幕的背景。 –