backplate-bg-image-007.html (706B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <link rel="stylesheet" type="text/css" href="ahem.css" /> 5 <title>Text in a non-native button or input object that overlaps a background image should be backplated.</title> 6 <style> 7 body { 8 font: 20px Ahem; 9 } 10 button, input { 11 font: 20px Ahem; 12 border: 0px; 13 /* This forces non-native styling */ 14 } 15 .std { 16 background-image: url("blue.png"); 17 height: 500px; 18 } 19 </style> 20 </head> 21 <body> 22 <div class="std"> 23 <button>ppppp</button>ppppp<br> 24 <form> 25 <input> 26 </form><br> 27 <span>ppppp<!-- no whitespace 28 --><button>ppppp</button><!-- no whitespace 29 -->ppppp</span> 30 </div> 31 </body> 32 </html>