third_party/WebKit/LayoutTests/compositing/images/direct-svg-image.html

   1 <!DOCTYPE>
   2
   3 <html>
   4 <head>
   5   <style type="text/css" media="screen">
   6     body {
   7         margin: 0;
   8     }
   9
  10     img {
  11         position: relative;
  12         display: block;
  13         width: 100px;
  14         height: 100px;
  15     }
  16
  17     .composited {
  18         transform: translateZ(0);
  19     }
  20
  21     #indicator {
  22         position: absolute;
  23         top: 0;
  24         background-color: red;
  25         width: 100px;
  26         height: 200px;
  27     }
  28   </style>
  29 </head>
  30 <body>
  31
  32     <div id="indicator"></div>
  33
  34     <img src="../../svg/as-image/resources/green-fixed-size-rect.svg">
  35     <img class="composited" src="../../svg/as-image/resources/green-fixed-size-rect.svg">
  36
  37     <!-- You should see no red above -->
  38
  39 </body>
  40 </html>