layout/reftests/image-rect/background-over-size-rect.html@8bccb770b82d
layout/reftests/image-rect/background-over-size-rect.html
Wed, 31 Dec 2014 13:27:57 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 13:27:57 +0100
- branch
- TOR_BUG_3246
- changeset 6
- 8bccb770b82d
- permissions
- -rw-r--r--
Ignore runtime configuration files generated during quality assurance.
1 <!DOCTYPE html>
2 <!--
3 Any copyright is dedicated to the Public Domain.
4 http://creativecommons.org/licenses/publicdomain/
6 Tests image rects that run off the source image bounds.
7 -->
8 <html>
9 <head>
10 <title>Testcases: -moz-image-rect() [bug 113577]</title>
11 <style>
12 div.wrapper {
13 width: 32px;
14 height: 32px;
15 margin: 10px;
16 background-color: red;
17 }
18 div.wrapper div {
19 width: 32px;
20 height: 32px;
21 background: no-repeat;
22 }
23 /* The final crop rect is computed by intersecting an image rect and the
24 source image bounds, so the following tests should display the bottom
25 right 16x16 corner of the image. */
26 #test1 {
27 background-image: -moz-image-rect(url(green-16x16-in-blue-32x32.png), 16, 50, 50, 16);
28 }
29 #test2 {
30 background-image: -moz-image-rect(url(green-16x16-in-blue-32x32.png), 50.000001%, 1000000%, 1000000%, 50.000001%);
31 }
32 </style>
33 </head>
34 <body>
35 <div class="wrapper"><div id="test1"></div></div>
36 <div class="wrapper"><div id="test2"></div></div>
37 </body>
38 </html>
