用html & css导出html到doc文件时如何添加水印？

Question

我试图在将 html 导出到文档时添加水印，但我不知道从哪里开始我到处搜索但找不到解决方案，我尝试使用位置固定到中心的背景图像或 img 标签，但它没有按预期工作，如何使用 mso- 属性添加水印？

我尝试使用此代码，但它不起作用，我希望在将 html 导出到 doc 时在每个页面上都有带有我的徽标的水印

<div style='mso-element:header' id=h1>
  <p class=MsoHeader>
    <div style='text-align: center; position: relative;'>
      <img src="logo.png" alt="Watermark" style="opacity: 0.2; width: 200px; height: auto; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);" />
    </div>
    <img src="logo.png" alt="Header Image" width="80" height="60" />
  </p>
</div>

Answer 1

我不知道您是否正在寻找这个，但是当有人试图将您的页面另存为

@media print

时，您可以使用

.pdf

添加水印。

首先创建水印：

<div class="watermark">Watermark</div>

.watermark {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

    /* Change accordingly */
}

现在使其在打印时可见：

@media print {
    display: block;
}

您还可以使用

visibility

或

opacity

显示/隐藏它。