blob: 480632d31bfe97ce84f85042f8684162f73ea97e [file] [log] [blame]
<!DOCTYPE>
<html>
<head>
<style type="text/css" media="screen">
body {
margin: 0;
}
img {
position: relative;
display: block;
width: 100px;
height: 100px;
}
.composited {
-webkit-transform: translateZ(0);
}
#indicator {
position: absolute;
top: 0;
background-color: red;
width: 100px;
height: 200px;
}
</style>
</head>
<body>
<div id="indicator"></div>
<img src="../../svg/as-image/resources/green-fixed-size-rect.svg">
<img class="composited" src="../../svg/as-image/resources/green-fixed-size-rect.svg">
<!-- You should see no red above -->
</body>
</html>