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
