37 lines
654 B
HTML
37 lines
654 B
HTML
<!DOCTYPE html>
|
|
<style>
|
|
.composited {
|
|
-webkit-transform: translateZ(0);
|
|
}
|
|
|
|
.container {
|
|
width:100px;
|
|
height:100px;
|
|
overflow:scroll;
|
|
resize:both;
|
|
position:absolute;
|
|
}
|
|
|
|
.container::-webkit-scrollbar {
|
|
background-color: rgba(0, 127, 0, 0.5);
|
|
}
|
|
|
|
.container::-webkit-resizer {
|
|
background-color: rgba(0, 127, 0, 0.5);
|
|
}
|
|
|
|
.contents {
|
|
background-color: rgba(0, 127, 0, 0.5);
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
</style>
|
|
<script>
|
|
if (window.testRunner)
|
|
testRunner.dumpAsText(true);
|
|
</script>
|
|
<!-- You should see a single 50% transparent green square -->
|
|
<div id="container" class="container composited">
|
|
<div class="contents"></div>
|
|
</div>
|