Log in / Register

Forum › Bugs

Background image repeated on next page in Prince v12

nico
I would like to make a PDF with a full-page background image on the first page, an empty second page and the text starting on the third page. The code below works in Prince v9, but in Prince v12, the image is also visible in the background of the second page.

Any idea how to solve this?

<!DOCTYPE html>
<html>

<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <title>Prince v12 background image bug</title>
  <style>
    @page {
      size: 313pt 500pt;
    }

    @page cover-page {
      background-image: url("https://m.media-amazon.com/images/I/51eudMT+WoL.jpg");
      background-image-resolution: 70dpi;
      background-repeat: no-repeat;
    }

    section.level1 {
      page-break-before: right;
    }

  </style>
</head>

<body>
  <div style="page: cover-page;">
  </div>

  <section class="level1">
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
  </section>

</body>

</html>

mikeday
That looks like a bug to me, but an easy workaround while we investigate would be to apply the background only to @page cover-page:first.
nico
Your quick response will always impress me Michael! And your workaround works perfectly in my case. Many thanks!