js调用window.print()打印页面的时候怎么给打印的每一页都加上logo做背景图

发布于 2022-09-12 13:42:08 字数 117 浏览 25 评论 0

公司有个需求打印一些公司的合同的时候要给每一页添加一个logo之前采用的办法是给页面添加多个img然后设置绝对定位top值现在发现打印出来有时候后面几页没有图片怎么才能获取到这个网页打印的总页数呢之前用的办法有问题

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

蹲墙角沉默 2022-09-19 13:42:08

@media print 用这个来设置CSS打印属性

——————

test.html

<!DOCTYPE html>
<head>
  <style>
    .background {
      position: fixed;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      z-index: -1;
      background: url(https://cdn.colorhub.me/imgsrv/9957a1bfc45d18ef09645dff1352cf7bab011fee);
      background-position: center center;
      background-repeat: no-repeat;
      display: none;
    }

    .content {
      padding: 600px 0;
      text-align: center;
      font-size: 50px;
      color: red;
    }

    @media print {
      .background {
        display: block;
      }
    }
  </style>
</head>

<body>
  <div class="background"></div>
  <div class="main">
    <div class="content">
      第1部分
    </div>
    <div class="content">
      第2部分
    </div>
    <div class="content">
      第3部分
    </div>
    <div class="content">
      第4部分
    </div>
  </div>
</body>

回复收藏 0