inline-cache-base-uri.html (1348B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>Test that base URIs are correct in presence of the same inline stylesheet</title> 4 <link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez"> 5 <link rel="author" href="https://mozilla.org" title="Mozilla"> 6 <link rel="help" href="https://drafts.csswg.org/css-values-4/#relative-urls"> 7 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1978217"> 8 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1978555"> 9 <link rel="match" href="inline-cache-base-uri-ref.html"> 10 <!-- NOTE(emilio): inline-cache-base-uri.css is invalid from here --> 11 <style>@import "inline-cache-base-uri.css";</style> 12 <style> 13 :root { 14 background-image: url("../../images/blue.png"); 15 background-color: purple; 16 } 17 </style> 18 <script> 19 // This script ensures that @import above has fully loaded 20 </script> 21 <style>@import "inline-cache-base-uri.css";</style> 22 <script> 23 // Same, but this should make extra sure that we cache the @import before we start the frame load. 24 document.documentElement.getBoundingClientRect(); 25 </script> 26 <iframe style="width: 100px; height: 100px; border: 0;" src="inline-cache-base-uri/inner.html"></iframe> 27 <!-- This div makes sure that the inner inline-cache-base-uri.css is not loaded in this page (otherwise the test would fail) --> 28 <div></div>