2015-05-18 33 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仍然不显示全屏幕的背景。 –