文章/答案/技术大牛

发布

社区首页 >问答首页 >前端打印模拟器`paper.css`不能使用背景色

问前端打印模拟器`paper.css`不能使用背景色
EN

Stack Overflow用户

提问于 2021-08-24 15:08:48

回答 1查看 36关注 0票数 1

我正在使用一个名为paper.css的解决方案来模拟使用这些css规则在html中排版的打印文本。

我注意到，当我用background-color创建一个元素，然后使用我的Chromium打印菜单“另存为PDF"，背景颜色变成白色，就像整个页面一样。

怎样才能将html文件打印成pdf，同时仍然保持背景颜色？

基于项目存储库中的A4 example的MMW是：

<!DOCTYPE html>
<html>

<head>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/paper-css/0.4.1/paper.css">
  <style>
    @page {
      size: A4
    }
  </style>
</head>

<body class="A4">

  <!-- Each sheet element should have the class "sheet" -->
  <!-- "padding-**mm" is optional: you can set 10, 15, 20 or 25 -->
  <section class="sheet padding-10mm">

    <!-- Write HTML just like a web page -->
    <article style="background-color: red;">This is an A4 document.</article>

  </section>

</body>

</html>

与打印的PDF进行比较：

background-color

html

css

printing

colors

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-08-24 15:14:43

确保在铬打印对话框中选中了More settings > Options > Background graphics选项。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/68909744

复制

相似问题

问前端打印模拟器`paper.css`不能使用背景色
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问前端打印模拟器`paper.css`不能使用背景色EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问前端打印模拟器`paper.css`不能使用背景色
EN