backplate-bg-image-001-ref.html (874B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <link rel="stylesheet" type="text/css" href="ahem.css" /> 5 <title>Reference: Text that overlaps a background image should be backplated.</title> 6 <style> 7 div { 8 font: 20px Ahem; 9 background-image: url("blue.png"); 10 } 11 .fake-backplate { 12 background-color: white; 13 width: max-content; 14 white-space: pre; 15 } 16 /* We need to include the trailing space as part of the backgrounded 17 * area here to properly make a mockup for the testcase's expected 18 * rendering, so we use 'white-space: pre'. The testcase pulls its file's 19 * trailing newline into the body, treats it as a final space character, 20 * and draws a backplate behind it. (This is probably correct? see 21 * discussion on bug 1577028.) */ 22 </style> 23 </head> 24 <div><span class="fake-backplate">ppppp ppppp </span></div> 25 </html>