background-size-cover-svg.html (780B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Background Test: A SVG background should fully cover the positioning area</title> 5 <link rel="author" title="schenney" href="mailto:schenney@chromium.org"> 6 <link rel="help" href="https://www.w3.org/TR/css-backgrounds-3/#the-background-size"> 7 <link rel="match" href="reference/background-size-cover-svg-ref.html"> 8 <meta name="fuzzy" content="maxDifference=0-2;totalPixels=0-1200"> 9 <style> 10 div { 11 height: 400px; 12 width: 600px; 13 position: relative; 14 background-color: red; 15 background-size: cover; 16 background-repeat: no-repeat; 17 background-position: bottom center; 18 background-image: url("support/rectangle-2560x208.svg"); 19 } 20 </style> 21 </head> 22 23 <body> 24 <div></div> 25 </body> 26 </html>