| <!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> |
