layout/reftests/image-rect/background-common-usage-ref.html@925c144e1f1f
layout/reftests/image-rect/background-common-usage-ref.html
Fri, 16 Jan 2015 18:13:44 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Fri, 16 Jan 2015 18:13:44 +0100
- branch
- TOR_BUG_9701
- changeset 14
- 925c144e1f1f
- permissions
- -rw-r--r--
Integrate suggestion from review to improve consistency with existing code.
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>
