<html> | |
<style> | |
.purple { | |
background-image: url('resources/purple-noprofile.png'); | |
width: 400px; | |
height: 400px; | |
float: left; | |
} | |
</style> | |
<body> | |
<p>The two squares below should not match each other. On the left an uncorrected image is tiled as a background, and on the right the same image is tiled as a background, but it is corrected from sRGB.</p> | |
<div class="purple"></div> | |
<div class="purple" style="-webkit-color-correction: sRGB;"></div> | |
</body> | |
</html> |