<!DOCTYPE html> | |
<style> | |
#container { | |
overflow: scroll; | |
width: 500px; | |
height: 400px; | |
background-attachment: local; | |
background-image: linear-gradient(black, white); | |
} | |
#bloat { | |
position: relative; | |
left: 0; | |
top: 10000px; | |
width: 1px; | |
height: 1px; | |
} | |
</style> | |
<div id="container"> | |
<div id="bloat"></div> | |
</div> | |
This test verifies a overflow clip container with background-attachment:local correctly repaints when its overflow changes size without scrolling. |