css-image-fallbacks-and-annotations005.html (905B)
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 'image()' function specifies only a color without any URLs, the function immediately falls back to representing a solid-color image of the chosen color."> 9 <style type="text/css"> 10 .square{ 11 width: 200px; 12 height: 200px; 13 background-color: red; 14 background-image: image(rgba(0,0,255,0.5)), url("support/1x1-green.png"); 15 } 16 </style> 17 </head> 18 <body> 19 <p>Test passes if background is pale green and no green and no red.</p> 20 <div class="square"></div> 21 </body> 22 </html>