url-image-cross-origin-use-credentials-negative.sub.html (805B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Request URL Modifiers: cross-origin(use-credentials)</title> 5 <link rel="help" href="https://drafts.csswg.org/css-values-5/#typedef-request-url-modifier-cross-origin-modifier"> 6 <link rel="author" title="Sam Weinig" href="mailto:weinig@webkit.org"> 7 <link rel="match" href="../url-image-ref.html"> 8 <meta name="assert" content="A url with the request URL modifier cross-origin(use-credentials) requires a response with the appropriate headers."> 9 <style> 10 .test { 11 width: 200px; 12 height: 200px; 13 background-color: green; 14 background-image: url("http://{{hosts[][]}}:{{ports[http][1]}}/css/support/1x1-green.png" cross-origin(use-credentials)); 15 } 16 </style> 17 </head> 18 <body> 19 <p>Test passes if there is a green square.</p> 20 <div class="test"></div> 21 </body> 22 </html>