<html> <head> <style type="text/css"> iframe { position: relative; z-index: 1; left: 10px; top: 10px; border: 1px solid black; } #overlap { position: absolute; width: 100px; height: 100px; z-index: 2; left: 10px; top: 100px; background-color: blue; } p { margin-top: 50px; } </style> </head> <body> <div id="overlap"></div> <iframe id="frame" src="resources/blit-on-scroll-subframe.html" scrolling="no"></iframe> <p>The blue box should not get "smeared" when you scroll the inner iframe.</p> </body> </html>