<!DOCTYPE HTML>
<html>
<head>
  <style>
    div {
      display: inline-block;
    }

    svg {
      width: 100px;
      height: 100px;
      margin: 10px;
    }
  </style>
</head>
<body>
  Test for crbug.com/373808: this test passes if there are four squares of the same color.<br>

  <div style="opacity: 0.5;">
    <svg>
      <rect width="100" height="100"></rect>
    </svg>
  </div>

  <div style="opacity: 0.5; transform: translateZ(0);">
    <svg>
      <rect width="100" height="100"></rect>
    </svg>
  </div>

  <div style="opacity: 0.5;">
    <svg>
      <rect width="100" height="100"></rect>
    </svg>
  </div>

  <div style="opacity: 0.5; transform: translateZ(0);">
    <svg>
      <rect width="100" height="100"></rect>
    </svg>
  </div>

</body>
</html>