如何通过dompdf为pdf提供背景？答案

【问题标题】：How to give Background to pdf by dompdf?如何通过dompdf为pdf提供背景？
【发布时间】：2011-10-23 02:15:54
【问题描述】：

我正在使用 Dompdf 将 Html Page 转换为 PDF。根据客户的要求，pdf 文件的背景应该有水印图像。我在编码方面尝试了很多方法，也尝试了不同的 css 样式，但它没有帮助。有人对此有任何想法吗？请帮帮我。

【问题讨论】：

【解决方案1】：

DOMPDF 的哪个版本？在 0.6.0 版本中，您可以使用固定位置元素作为水印。这是一个文档外壳：

<html>
  <head>
    <style>
      #watermark { position: fixed; bottom: 0px; right: 0px; width: 200px; height: 200px; opacity: .1; }
    </style>
  </head>
  <body>
    <div id="watermark"><img src="http://code.google.com/p/dompdf/logo" height="100%" width="100%"></div>
  </body>
</html>

在此处查看示例：http://eclecticgeek.com/dompdf/debug.php?identifier=f14b0c995add4b6c1ee1d14c0c6a987e

在 0.5.1 上，您可以在 body 上使用 background-image 样式声明。您对样式的控制较少，因此您需要确保图像的格式与它在文档中的显示方式完全相同，特别是与大小和不透明度相关。还有其他问题，但这确实有效。这是一个文档外壳：

<html>
  <head>
    <style>
      body { background-image: url(http://www.wolfsrainfans.com/wp-content/uploads/2011/04/Wolfs_Rain__Taboe_by_Nizira_Hathor.png); background-position: bottom right; background-repeat: no-repeat; }
    </style>
  </head>
  <body>
  </body>
</html>

在此处查看示例：http://eclecticgeek.com/dompdf/debug.php?identifier=a05af7b814031ac5460860560a581183

【讨论】：

谢谢 BrianS 先生.. 但由于 m 在侧 div 中使用表格，在这种情况下它不起作用.. 请帮帮我。
示例代码如下：- "
code.google.com/p/dompdf/logo" height="100%" width="100%">
"
BrianS 先生，感谢您指导我，n 链接对我也非常有用。上面的示例代码是 m 在编码中使用的。问题是当我在
标签中使用背景时，它工作正常，但是当我在编码中使用表格标签时，背景不工作。
使用表格时确实出现了一些渲染问题。您可以将表格宽度指定为绝对值而不是百分比，这似乎有帮助。然后为确保表格内容以正确的不透明度呈现，添加以下样式声明：#watermark td { opacity: .1; }

【解决方案2】：

这是我在使用 DomPDF 呈现文档时遇到的常见问题。为了解决这个问题，我对我尝试用作 CSS 背景图像的任何图像进行 base64 编码，然后像这样添加它

url('data:image/jpeg;base64,{base64encodedimage}')

我希望这会有所帮助！

【讨论】：

【解决方案3】：

背景图片必须有绝对路径 body { background-image: url(@987654321@); }

【讨论】：