<!DOCTYPE html>
<html>
  <head>
    <title>Basic context-fill in background-image test</title>
    <style>

div {
  width: 100px;
  height: 100px;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' fill='context-fill red'/></svg>");
  -moz-context-properties: fill;
  fill: blue;
}

    </style>
  </head>
  <body>
    <div></div>
  </body>
</html>