background-image-cover-zoomed-1.html (809B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Background Test: background-size:cover should cover at zoom</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-image-cover-zoomed-1-ref.html"> 8 <style> 9 body { 10 zoom: 80%; 11 } 12 body > div { 13 background: #f00; 14 width: 504px; 15 height: 252px; 16 } 17 18 div > div { 19 width: 504px; 20 height: 252px; 21 background-image: url(support/40px-wide-20px-tall-green-rect.png); 22 background-size: cover; 23 background-repeat: no-repeat; 24 } 25 </style> 26 </head> 27 28 <body> 29 <div> 30 <div> 31 </div> 32 </div> 33 </body> 34 </html>