<!DOCTYPE html><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Scroll multiple background images that are positioned</title><linkrel="author"title="Google"href="http://www.google.com/"/><linkrel="match"href="reference/60x60-green-background.html"><linkrel="help"href="http://www.w3.org/TR/css3-background/#layering"><metaname="flags"content="dom image scroll"/><metaname="assert"content="When multiple background images are positioned at (0px, 0px) and (0, 60px) of each 60px by 60px in a scrollable element,and the element is scrolled to (0, 60px), only the second image is shown."/><styletype="text/css">#container{width:200px;height:200px;overflow:hidden;}#element-with-attachment-scroll{width:500px;height:500px;background-image:url('/css/support/60x60-red.png'),url('support/60x60-green.png');background-position:00,060px;background-repeat:no-repeat;}</style></head><body><divid="container"><divid="element-with-attachment-scroll"><br></div></div><script>document.getElementById('container').scrollTop=60;</script></body></html>
