third_party/WebKit/LayoutTests/svg/custom/svg-root-with-opacity.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4   <style>
   5     div {
   6       display: inline-block;
   7     }
   8
   9     svg {
  10       width: 100px;
  11       height: 100px;
  12       margin: 10px;
  13     }
  14   </style>
  15 </head>
  16 <body>
  17   Test for crbug.com/373808: this test passes if there are four squares of the same color.<br>
  18
  19   <div style="opacity: 0.5;">
  20     <svg>
  21       <rect width="100" height="100"></rect>
  22     </svg>
  23   </div>
  24
  25   <div style="opacity: 0.5; transform: translateZ(0);">
  26     <svg>
  27       <rect width="100" height="100"></rect>
  28     </svg>
  29   </div>
  30
  31   <div>
  32     <svg style="opacity: 0.5;">
  33       <rect width="100" height="100"></rect>
  34     </svg>
  35   </div>
  36
  37   <div>
  38     <svg style="opacity: 0.5; transform: translateZ(0);">
  39       <rect width="100" height="100"></rect>
  40     </svg>
  41   </div>
  42
  43 </body>
  44 </html>