使用@page 选择器将背景图像设置为指定页面

Question

我想用 mpdf 库从 html 创建一个 pdf 文件。我想将背景图像设置为呈现的 pdf 的第 2 页（不是所有页面）。我使用以下代码：

$mpdf=new mPDF(''); 
$html = '
    <body>
    <style>
      @page {
       background: url("../mpdf60/bg1.jpg") 50% 0 no-repeat;
     }
    </style>

    <div style="margin-bottom:50px">&nbsp;</div>
    <div align="center" style=" margin-bottom:350px"><img src="../mpdf60/pdffirst1.jpg" height="100" width="190" alt=""></div>

    <pagebreak />
    <div>
    </div>
    </body>';

在此代码中，背景图像设置在呈现的 pdf 的所有页面上（使用@page 选择器）。

如何只为一页（第二页）设置背景图片？谢谢...

Answer 1

根据 documentation，mPDF 支持命名的@page 选择器，因此您可以这样做：

<style>
  @page second {
    background: url("../mpdf60/bg1.jpg") 50% 0 no-repeat;
  }
</style>

然后：

div.second {
  page: second;
}

然后你的第二页应该在 div 和 second class 内。查看 link 和 Chapter.

中给出的示例

使用@page 选择器将背景图像设置为指定页面

set background image to a specified page with @page selector

html

php

pdf

selector

mpdf