34 lines
2.2 KiB
HTML
34 lines
2.2 KiB
HTML
<!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>
|