media-fragment-override-multiple.html (757B)
1 <!doctype html> 2 <title>background-image with multiple layers using different views of the same image</title> 3 <link rel="help" href="https://svgwg.org/svg2-draft/linking.html#LinksIntoSVG"> 4 <link rel="match" href="../../struct/reftests/reference/green-100x100.html"> 5 <style> 6 .one { 7 width: 20px; 8 height: 100px; 9 background-repeat: no-repeat; 10 background-image: url("support/green-random-rects.svg#xywh=0,900,20,100"); 11 } 12 .two { 13 width: 80px; 14 height: 100px; 15 background-repeat: no-repeat; 16 background-image: url("support/green-random-rects.svg#xywh=pixel:0,400,80,100"); 17 position: absolute; 18 left: 20px; 19 top: 0; 20 } 21 </style> 22 <div style="position: relative"> 23 <div class="one"></div> 24 <div class="two"></div> 25 </div>