Question

我有以下问题：

当我从我的网站打印某个页面，并且该页面的内容未填满所有纸张时，背景图像会在那里切割。但我需要的是在所有纸张中重复背景图像，无论内容采取了多少纸张。

我很抱歉，我知道这个问题有点奇怪，所以我在解释它时遇到了很多麻烦。

非常感谢能帮助我的人。

Answer 1

使用此..：

    body
{
    background-color:#454545;
background-image:url("background.jpg");
background-repeat:no-repeat;
background-attachment: fixed;
    background-size: contain;
    zoom: 100%;
}

将其粘贴到您的css中，它正在寻找“附件已修复”...背景图片永远不会滚动到页面的其余部分，您也可以将“固定”应用于其他元素以使其滚动 - 免费。

Answer 2

如果背景附加到BODY元素并且在CSS中设置为background-repeat: norepeat，请尝试

@page {
  margin: 1cm; /* or any other small value, maybe even 0 */
}

@media print {
  body {
    background-repeat: repeat;
  }
}

Answer 3

假设您的图片位于正文标记中，您唯一的机会就是设置

html, body {
    width: 100%;
    height: 100%;
    background: url(../bg.png) repeat 0 0;
}

但是，由于浏览器会在每个边框上设置边距，因此您无法将背景延伸到纸张上。用户可以在打印对话框中将其设置为0，但不能由css / you控制。

CSS - 打印：在整个页面中重复背景

3 个答案: