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