backplate-bg-image-004-ref.html (751B)
1 <!DOCTYPE html> 2 <head> 3 <link rel="stylesheet" type="text/css" href="ahem.css" /> 4 <title>Reference: Assigning a negative z-index to text which is backplated should change the z-index of the text only; the backplate should not be affected.</title> 5 <style> 6 body { 7 font: 20px Ahem; 8 } 9 .fake-backplate { 10 background-color: white; 11 width: max-content; 12 } 13 .std { 14 background-image: url("blue.png"); 15 padding: 15px; 16 } 17 .relpos { 18 position: relative; 19 left: 20px; 20 } 21 .ib { 22 display: inline-block; 23 } 24 </style> 25 </head> 26 <body> 27 <span class="std ib"> 28 <span class="relpos"> 29 <span class="fake-backplate" style="color:transparent;">ppppp ppppp</span> 30 </span> 31 </span> 32 <span>ppppp ppppp</span> 33 </body>