Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

<!doctype html>
<title>Percentage background-size on the root, when it's out-of-flow</title>
<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
<link rel="author" href="https://mozilla.org" title="Mozilla">
<link rel="match" href="background-size-percentage-root-ref.html">
<style>
:root {
position: fixed;
width: 100px;
height: 50px;
background-size: 100%;
background-repeat: no-repeat;
background-image: url('/images/green-100x50.png');
}
</style>