31 lines
650 B
HTML
31 lines
650 B
HTML
<!DOCTYPE html>
|
|
<title>Test print result of background-image not displayed on screen</title>
|
|
|
|
<link rel="help" href="https://drafts.csswg.org/css-backgrounds/#background-image">
|
|
<link rel="help" href="https://crbug.com/40262871">
|
|
|
|
<link rel="match" href="background-image-only-for-print-ref.html">
|
|
|
|
<style>
|
|
@media not print {
|
|
.print-only {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
:root {
|
|
print-color-adjust: exact;
|
|
}
|
|
|
|
#target {
|
|
background-image: url("/images/green.png");
|
|
height: 50px;
|
|
width: 100px;
|
|
}
|
|
</style>
|
|
|
|
<p>
|
|
Should print a green rectangle but not display it on screen.
|
|
</p>
|
|
|
|
<div id="target" class="print-only"></div>
|