<!DOCTYPE html>
<style>
.hoverable:hover {
- -webkit-transform: translateZ(0);
+ transform: translateZ(0);
}
</style>
<script>
window.addEventListener('load', dumpLayers, false)
</script>
<div style="overflow: hidden; height: 10px; width: 200px; background-color: lightblue">
- <div id="inner" style="-webkit-transform: translateZ(0); height: 10px; background-color: whitesmoke"></div>
+ <div id="inner" style="transform: translateZ(0); height: 10px; background-color: whitesmoke"></div>
</div>
<!-- This div should not sqaush into the inner div, because it is inside an overflow:hidden div which therefore clips differently than this div's parent -->
<div class="hoverable" style="position:absolute; top: 0px; height:100px; width:100px; background-color: lightgreen"></div>