fixedpos-009-print.html (1052B)
1 <!DOCTYPE html> 2 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 3 <link rel="help" href="http://crbug.com/337791467"> 4 <link rel="match" href="fixedpos-009-print-ref.html"> 5 <style> 6 :root { 7 print-color-adjust: exact; 8 } 9 body { 10 margin: 0; 11 } 12 .pencil { 13 background-color: black; 14 mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTMgMTcuMjVWMjFoMy43NUwxNy44MSA5Ljk0bC0zLjc1LTMuNzVMMyAxNy4yNXpNMjAuNzEgNy4wNGEuOTk2Ljk5NiAwIDAgMCAwLTEuNDFsLTIuMzQtMi4zNGEuOTk2Ljk5NiAwIDAgMC0xLjQxIDBsLTEuODMgMS44MyAzLjc1IDMuNzUgMS44My0xLjgzeiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=); 15 mask-repeat: no-repeat; 16 width: 36px; 17 height: 36px; 18 } 19 </style> 20 <div style="position:fixed; bottom:0; right:0;"> 21 <div class="pencil"></div> 22 </div> 23 When printed, there should be two pages. There should be a black pencil in the 24 bottom right corner on both pages. 25 <div style="break-before:page;"> 26 Page 2. 27 </div>