图像背景未完全填充打印页面

时间:2018-02-15 14:27:27

标签: html css css3 css-position

我正在尝试使用带有背景填充所有页面的打印CSS样式。我遇到的问题是背景图片只填充内容,所以除非页面内容完全没有内容,否则最后一页的底部将没有背景。

以下是相关的css:

<div id="demo1" class="bgimg"></div><br />

最糟糕的是,由于Chrome打印模拟不包含分页符,因此很难排除故障,因此在打印预览之前它看起来很好。

我在body和html元素上尝试设置高度,min-height为100%和100vh,没有任何变化。绝对定位,边距,身体填充也没有影响。我不知道如何将元素的大小专门设置为打印页面的大小。有办法吗?

如何让身体跨越整个打印页面,以便图像背景也跨越整个打印页面?

0 个答案:

没有答案