小编SML*_*SML的帖子

Dompdf:如何让背景图像仅显示在第一页上

我正在使用 dompdf 生成我想用各种不同公司品牌纸标记的字母。为此,我通过 css 获取背景图像。请参阅底部的示例图像。然后我设置适当的边距以适合我想写到空白区域的内容。但是,我只希望此信头仅显示在第一页上。目前它在每一页上重复。我的 css 看起来像:

<html>
  <head>
    <meta charset="utf-8">
    <title>{$pdf.title}</title>
<style type="text/css">
  @page {
    size: A4;
    margin:0;
    padding: 0;
  }
  body {
    padding: {$branding.page_margin_top}cm {$branding.page_margin_right}cm {$branding.page_margin_bottom}cm {$branding.page_margin_left}cm;
    font-size: 7pt;
    font-family: helvetica !important;
    background-image: url('{$base_url}pd-direct.png');
    background-position: center center;
    background-repeat: no-repeat;
    font-size: 10pt;
  }
  #postal-address {
      margin: 0cm;
      margin-left: {$branding.address_offset_left}cm;
      margin-top: {$branding.address_offset_top}cm;
      margin-bottom: {$branding.address_offset_bottom}cm;
      font-size: 10pt;
  }
  #date {
    font-weight: bold;
  }
</style>
  </head>

  <body>

    <div id="page-body">

      <div id="content">

        {if $pdf.postal_address}
        <div id="postal-address">
          {$pdf.postal_address|nl2br}
        </div>
        {/if}

        {$pdf.main_body}

      </div>

    </div>
  </body> …
Run Code Online (Sandbox Code Playgroud)

html css php dompdf

5
推荐指数
1
解决办法
6853
查看次数

标签 统计

css ×1

dompdf ×1

html ×1

php ×1