display: block;
background-color: green;
}
+ .blue {
+ width: 50px;
+ height: 50px;
+ background-color: blue;
+ display: block;
+ }
.composited {
- -webkit-transform: translateZ(0);
+ transform: translateZ(0);
}
</style>
<script type="text/javascript" charset="utf-8">
var bg = document.getElementById("background");
window.setTimeout(function() {
- // Change the layer to become background only.
- bg.innerHTML = "text";
+ // Change the layer not to be background color layer.
+ bg.innerHTML = "text" + bg.innerHTML;
+ bg.style.backgroundColor = "red";
if (window.testRunner) {
window.setTimeout(function() {
testRunner.notifyDone();
</script>
</head>
<body>
-<!-- When the test is done, there should only be a green square on the page -->
-<div id="background" class="composited"></div>
+<div id="background" class="composited">
+ <div class="blue composited">
+ </div>
+</div>
</body>
</html>