Blitz - WPT: page-background-image-print.html

wpt / css / css-page / page-background-image-print.html

/css/css-page/page-background-image-print.html

<!DOCTYPE html>
<title>Test print result of background-image only for printed page</title>

<link rel="help" href="https://drafts.csswg.org/css-page-3/#page-properties">
<link rel="help" href="https://crbug.com/341947679">

<link rel="match" href="page-background-image-print-ref.html">

<style>
  :root {
    print-color-adjust: exact;
  }
  @page {
    background-image: url("/images/green.png");
    margin: 0px;
  }
</style>

<p>
  Should print on a green background but not display it on screen.
</p>

/css/css-page/page-background-image-print-ref.html

<!DOCTYPE html>

<style>
  :root {
    print-color-adjust: exact;
  }
  html {
    background-color: lime;
  }

  @page {
    margin: 0px;
  }
</style>

<p>
  Should print on a green background but not display it on screen.
</p>