layout/reftests/image-rect/background-common-usage-ref.html@7e26c7da4463
layout/reftests/image-rect/background-common-usage-ref.html
Wed, 31 Dec 2014 06:55:50 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 06:55:50 +0100
- changeset 2
- 7e26c7da4463
- permissions
- -rw-r--r--
Added tag UPSTREAM_283F7C6 for changeset ca08bd8f51b2
1 <!DOCTYPE html>
2 <!--
3 Any copyright is dedicated to the Public Domain.
4 http://creativecommons.org/licenses/publicdomain/
5 -->
6 <html>
7 <head>
8 <title>Testcases: -moz-image-rect() [bug 113577]</title>
9 <style>
10 div.wrapper {
11 width: 32px;
12 height: 32px;
13 margin: 10px;
14 background-color: red;
15 }
16 div.wrapper div {
17 background-repeat: no-repeat;
18 }
19 #test1 {
20 width: 32px;
21 height: 32px;
22 background-position: 0px 0px;
23 background-image: url('green-16x16-in-blue-32x32.png');
24 }
25 #test2 {
26 width: 32px;
27 height: 16px;
28 background-position: 0px 0px;
29 background-image: url('transparent-16x16-in-blue-32x32.png');
30 }
31 #test3 {
32 width: 16px;
33 height: 16px;
34 background-position: 0px 0px;
35 background-image: url('green-16x16-in-blue-32x32.png');
36 }
37 #test4 {
38 width: 32px;
39 height: 32px;
40 background-color: yellow;
41 background-position: -16px -16px;
42 background-image: url('transparent-16x16-in-blue-32x32.png');
43 }
44 </style>
45 </head>
46 <body>
47 <div class="wrapper"><div id="test1"></div></div>
48 <div class="wrapper"><div id="test2"></div></div>
49 <div class="wrapper"><div id="test3"></div></div>
50 <div class="wrapper"><div id="test4"></div></div>
51 </body>
52 </html>
