1<!DOCTYPE html> 2 <body> 3 <a href="http://www.test.com" style="position: absolute; left: 20px; top: 20px; width: 200px;">A link to highlight</a> 4 <div style="background-color: white; position: absolute; left: 20px; top: 40px; width: 200px; height: 30px; -webkit-transform:translateZ(0);"> 5 <p id="innerDiv">Not a link to click.</p> 6 </div> 7 <div style="background-color: white; position: absolute; left: 20px; top: 100px; width: 200px; height: 100px; overflow-y: scroll; overflow-x : scroll;"> 8 <a href="http://www.test.com">Another link to click</a><br> 9 Some stuff.<br> 10 Some stuff.<br> 11 Some stuff.<br> 12 Some stuff.<br> 13 Some stuff.<br> 14 Some stuff.<br> 15 Some stuff.<br> 16 Some stuff.<br> 17 Some stuff.<br> 18 Some stuff.<br> 19 Some stuff.<br> 20 Some stuff.<br> 21 Some stuff.<br> 22 Some stuff.<br> 23 Some stuff.<br> 24 Some stuff.<br> 25 Some stuff.<br> 26 </div> 27 <!-- Don't highlight if no hand cursor. --> 28 <a href="http://www.test.com" style="position: absolute; left: 20px; top: 220px; width: 200px; cursor: crosshair;">A link to *not* highlight</a> 29 <div style="position: absolute; left: 20px; top: 260px; width: 200px;"> 30 <input type="text"> <!-- This will have an I-beam cursor. --> 31 </div> 32 <a href="http://www.test.com" style="position: absolute; left: 20px; top: 300px; width: 400px;">One link to highlight</a> 33 <a href="http://www.test.com" style="position: absolute; left: 20px; top: 320px; width: 400px;">Another link to highlight simultaneously</a> 34<!-- The following is the text for the iframe tag below: 35<html> 36<body> 37<a href="http://www.test.com" position: absolute; left: 50px; top: 30px> 38This is going to be a very long link to force the scrollbars to activate on the iFrame that will contain this page. 39</a> 40</body> 41</html> 42--> 43<!-- 44 <iframe style="scrolling: yes; width : 400px; height : 100px; position: absolute; left: 20px; top: 210px;" 45 src="data:text/html,%3Chtml%3E%0A%3Cbody%3E%0A%3Ca%20href%3D%22http%3A%2F%2Fwww.test.com%22%20position%3A%20absolute%3B%20left%3A%2050px%3B%20top%3A%2030px%3E%0AThis%20is%20going%20to%20be%20a%20very%20long%20link%20to%20force%20the%20scrollbars%20to%20activate%20on%20the%20iFrame%20that%20will%20contain%20this%20page.%0A%3C%2Fa%3E%0A%3C%2Fbody%3E%0A%3C%2Fhtml%3E"></iframe> 46--> 47 </body> 48</html> 49