<!DOCTYPE html>
<link rel="match" href="background-obscured-change-invalidate-expected.html">
<style>
#test {
background-image: linear-gradient(to top, green 50%, green 50%);
background-size: 100% 100%;
background-repeat: no-repeat;
width: 100px;
height: 100px;
}
#child {
border: 1px solid black;
}
</style>
<div id=test class="border-color">
<div id=child>test</div>
</div>