<!doctype html>
<html>
<head>
<!-- Test passes when a green rectangle is displayed.
These are all drawing cases that can be optimized by occlusion culling
The fix for bug 102557 optimizes cases 1, 2, 3, 6, 7, and 8-->
<style type="text/css" media="screen">
.redBack {
width:20px;
height:100px;
display:block;
background-repeat: repeat;
background-color: red;
background-position:0px 0px, 0px 0px;
float: left;
}
</style>
</head>
<body>
<div>
<div id="case_1" class="redBack" style="background-image: url(../../http/tests/multipart/resources/green-100x100.png)"></div>
<div id="case_2" class="redBack" style="background-image: -webkit-linear-gradient(top, green, green)"></div>
<div id="case_3" class="redBack" style="background-image: -webkit-cross-fade(url(../../http/tests/multipart/resources/green-100x100.png), url(../../http/tests/multipart/resources/green-100x100.png), 50%)"></div>
<div id="case_4" class="redBack" style="background-repeat: no-repeat; background-image: url(../../http/tests/multipart/resources/green-100x100.png)"></div>
<div id="case_5" class="redBack" style="background-repeat: repeat-x; background-image: url(../../http/tests/multipart/resources/green-100x100.png)"></div>
<div id="case_6" class="redBack" style="background-image: url(../../http/tests/multipart/resources/green-100x100.png),url(resources/64x32-red.png)"></div>
<div id="case_7" class="redBack" style="background-image: -webkit-linear-gradient(top, green, green),url(resources/64x32-red.png)"></div>
<div id="case_8" class="redBack" style="background-image: -webkit-cross-fade(url(../../http/tests/multipart/resources/green-100x100.png),url(../../http/tests/multipart/resources/green-100x100.png), 50%),url(resources/64x32-red.png)"></div>
<div id="case_9" class="redBack" style="background-repeat: no-repeat; background-image: url(../../http/tests/multipart/resources/green-100x100.png),url(resources/64x32-red.png)"></div>
<div id="case_10" class="redBack" style="background-repeat: repeat-x; background-image: url(../../http/tests/multipart/resources/green-100x100.png),url(resources/64x32-red.png)"></div>
</div>
</body>
</html>
Codebase Browser
chromium