1529992-2.html (1077B)
1 <!DOCTYPE html> 2 3 <!-- 4 see version 1 of this test for details 5 --> 6 7 <html class="reftest-wait"><head> 8 <script type="text/javascript"> 9 function onload() { 10 var range = document.createRange(); 11 range.selectNodeContents(document.getElementById("selectMe")); 12 var sel = window.getSelection(); 13 sel.removeAllRanges(); 14 sel.addRange(range); 15 16 document.documentElement.className = ''; 17 } 18 </script> 19 <style> 20 body { 21 font-size: 60px; 22 position: absolute; 23 margin: 0px; 24 padding: 0px; 25 } 26 div { 27 position: absolute; 28 margin: 0px; 29 padding: 0px; 30 } 31 div::selection { 32 /* hide all selection boxes for convenience */ 33 background-color: transparent; 34 } 35 #shadow6 { 36 top: 200px; 37 left: 200px; 38 } 39 #shadow6::selection { 40 color: transparent; 41 text-shadow: 30px 0px 0px green; 42 } 43 #shadow7 { 44 top: 200px; 45 left: 500px; 46 } 47 #shadow7::selection { 48 color: transparent; 49 text-shadow: 30px 0px 5px green; 50 } 51 </style> 52 </head><body id="selectMe" onload="onload()"> 53 <div id="shadow6">hello i</div> 54 <div id="shadow7">hello i</div> 55 </body></html>