<!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>