Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

<!DOCTYPE html>
<meta charset="UTF-8">
<title>CSS Backgrounds Test: box-shadow paints on a position:fixed SVG root</title>
<link rel="match" href="box-shadow-svg-root-fixed-position-ref.html">
<meta name="fuzzy" content="maxDifference=0-40;totalPixels=0-2000">
<style>
.shadow-box {
width: 100px;
height: 100px;
box-shadow: 1px 1px 5px 3px #aaaaaa;
}
.fixed-position {
position: fixed;
top: 8px;
left: 8px;
}
</style>
<!-- A position:fixed SVG root must still paint its CSS box-shadow. -->
<svg class="shadow-box fixed-position">
<rect x="0" y="0" width="100%" height="100%" fill="red"/>
</svg>