summaryrefslogtreecommitdiffstats
path: root/layout/reftests/image/image-object-position-with-background-2.html
blob: e02da36a03346c87d9d010c4273839619df4e64c (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html>
<!--
     Any copyright is dedicated to the Public Domain.
     http://creativecommons.org/publicdomain/zero/1.0/
-->
<!--
     This testcase ensures that we paint the background around an opaque image,
     when the image is offset from the container via 'object-position' (and
     the img element is fragmented). This is an interesting case because, by
     default, images fill their container, which means we can often optimize
     away the background completely. BUT, if "object-position" offsets the
     image from its container's content-box, we can't optimize away the
     background; it need to be painted in the uncovered area.
-->
<html class="reftest-print">
  <head>
    <meta charset="utf-8">
    <style type="text/css">
      img.test {
        background: salmon;
        object-position: 10px 20px;
        width: 32px;
        height: 5in;
        display: block; /* Required for fragmentation */
      }
    </style>
  </head>
  <body>
    <img class="test" src="blue-32x32.png">
  </body>
</html>