1

我正在尝试使用 dompdf 创建一个 pdf 报告。报告需要在第一页的顶部有公司徽标，并且在每一页上都有页眉和页脚。我在stackoverflow的其他地方 找到了向 dompdf 文档添加页眉和页脚的解决方案。我遇到的问题是公司徽标需要在第一页的页眉上方，而不是在其他页面上显示

像这样的东西

Company Logo
 - header
 - content here
 - footer
 ------
 - header
 - content here 
 - footer

有没有办法使用 dompdf 做到这一点？

4

1 回答 1

5

这是kludgey，但它的工作原理。您基本上可以通过使用固定定位创建普通标题和使用绝对定位创建特殊第 1 页标题来伪造不同的标题。如果您以正确的顺序进行设置，则第 1 页的标题将呈现在标准标题的顶部，从而使其模糊。

<html>
  <head>
    <style>
      @page {
        margin: 0px;
      }
      @page :first {
        margin-top: 100px;
      }
      body {
        margin: 100px 20px 50px 20px;
      }
      #headerA {
        position: fixed;
        left: 0px; right: 0px; top: 0px;
        text-align: center;
        background-color: orange;
        height: 90px;
      }
      #headerB {
        position: absolute;
        left: -20px; right: -20px; top: -200px;
        text-align: center;
        background-color: orange;
        height: 190px;
      }
      #footer {
        position: fixed;
        left: 0px; right: 0px; bottom: 0px;
        text-align: center;
        background-color: orange;
        height: 40px;
      }
    </style>
  </head>
  <body>
    <div id="headerA">
      <h1>Widgets Express</h1>
    </div>
    <div id="headerB">
      <img class="logo" src="http://eclecticgeek.com/images/macro/ants.jpg" height="100" width="500">
      <h1>Widgets Express</h1>
    </div>

    <div id="footer">
      <p>Copyright, all rights reserved, yadda yadda</p>
    </div>

    <div id="content">
      ...
    </div>
  </body>
</html>
于 2013-01-11T04:45:43.553 回答