Make sure to view this page in IE to see the blank white screen problem.
Current time: 08:32:09
In this example the stylesheet is in the document's HEAD
.
From the previous example we discovered this was key to enabling progressive rendering (at least in IE).
In this example, however, instead of using a LINK
tag to pull in the stylesheet the @import
rule is used, like this:
<style> @import url("styles.css"); </style>
This is a valid syntax, but, even though it's in the document's HEAD
, it breaks progressive rendering and
instead causes the blank white screen and Flash of Unstyled Content problems.
Always put your stylesheets in the document HEAD
using the LINK
tag.