blob: d7b837a50db39db8dd1e23562b675393ccaa6f4d [file] [log] [blame]
<!DOCTYPE html>
<script>
if (window.internals)
window.internals.settings.setPreferCompositingToLCDTextEnabled(true);
</script>
<style>
#overflow-clip {
position: absolute;
z-index: 0;
overflow: scroll;
left: 100px;
top: 100px;
width: 300px;
height: 200px;
background-color: yellow;
}
#bloat {
height: 1000px;
}
#squashing {
position:fixed;
left: 0;
top: 0;
}
#squashed {
position:fixed;
z-index:1;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: green;
}
</style>
<div id="overflow-clip">
<div id="bloat"></div>
<div id="squashing">You shouldn't see this line or a yellow block.</div>
</div>
<div id="squashed">
This test suceeds if you only see this line with a green background.
</div>