1<html> 2<head> 3 <style type="text/css"> 4 iframe { 5 position: relative; 6 z-index: 1; 7 left: 10px; 8 top: 10px; 9 border: 1px solid black; 10 } 11 12 #overlap { 13 position: absolute; 14 width: 100px; 15 height: 100px; 16 z-index: 2; 17 left: 10px; 18 top: 100px; 19 background-color: blue; 20 } 21 p { 22 margin-top: 50px; 23 } 24 </style> 25</head> 26<body> 27<div id="overlap"></div> 28<iframe id="frame" src="resources/blit-on-scroll-subframe.html" scrolling="no"></iframe> 29<p>The blue box should not get "smeared" when you scroll the inner iframe.</p> 30</body> 31</html> 32