layout/reftests/image-rect/background-common-usage-percent.html@a63d609f5ebe
layout/reftests/image-rect/background-common-usage-percent.html
Thu, 15 Jan 2015 15:55:04 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Thu, 15 Jan 2015 15:55:04 +0100
- branch
- TOR_BUG_9701
- changeset 9
- a63d609f5ebe
- permissions
- -rw-r--r--
Back out 97036ab72558 which inappropriately compared turds to third parties.
1 <!DOCTYPE html>
2 <!--
3 Any copyright is dedicated to the Public Domain.
4 http://creativecommons.org/licenses/publicdomain/
6 Tests some common usages of -moz-image-rect() with image rect specified by
7 percentage values.
8 -->
9 <html>
10 <head>
11 <title>Testcases: -moz-image-rect() [bug 113577]</title>
12 <style>
13 div.wrapper {
14 width: 32px;
15 height: 32px;
16 margin: 10px;
17 background-color: red;
18 }
19 div.wrapper div {
20 width: 32px;
21 height: 32px;
22 background: no-repeat;
23 }
24 #test1 {
25 background-image: -moz-image-rect(url(green-16x16-in-blue-32x32.png), 0%, 100%, 100%, 0%);
26 }
27 #test2 {
28 background-image: -moz-image-rect(url(transparent-16x16-in-blue-32x32.png), 0%, 100%, 50%, 0%);
29 }
30 #test3 {
31 background-image: -moz-image-rect(url(green-16x16-in-blue-32x32.png), 0%, 50%, 50%, 0%);
32 }
33 #test4 {
34 background-color: yellow;
35 background-image: -moz-image-rect(url(transparent-16x16-in-blue-32x32.png), 50%, 100%, 100%, 50%);
36 }
37 </style>
38 </head>
39 <body>
40 <div class="wrapper"><div id="test1"></div></div>
41 <div class="wrapper"><div id="test2"></div></div>
42 <div class="wrapper"><div id="test3"></div></div>
43 <div class="wrapper"><div id="test4"></div></div>
44 </body>
45 </html>
