css-image-fallbacks-and-annotations003.html (892B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Image Fallbacks and Annotations: the 'image()' notation</title> 5 <link rel="author" title="Hirokazu Egashira" href="mailto:yo9ega@aol.com"> 6 <link rel="help" href="https://www.w3.org/TR/css-images-3/#image-values"> 7 <link rel="match" href="css-image-fallbacks-and-annotations-ref.html"> 8 <meta name="assert" content="The rule below would tell the UA to load The first file if it can; failing that to load The second file; failing that to display The third file."> 9 <style type="text/css"> 10 .square{ 11 width: 200px; 12 height: 200px; 13 background-color: red; 14 background-image: image("1x1-green.svg", "support/1x1-green.png","support/1x1-green.gif"); 15 } 16 </style> 17 </head> 18 <body> 19 <p>Test passes if background is green and no red.</p> 20 <div class="square"></div> 21 </body> 22 </html>