在特定点预加载 CSS 图像答案

【问题标题】：Preload CSS images at a certain point在特定点预加载 CSS 图像
【发布时间】：2014-02-20 00:18:38
【问题描述】：

显然这可以在窗口加载时完成，但我只能在加载另一个库后开始加载 CSS 背景图像资源，如下所示：

加载 HTML/基本 CSS/广告发布者 JS

加载广告发布者 JS 后，我需要调用另一个 CSS 文件，因此我将其附加到文档的头部

此时窗口已经加载，但是一个新的 CSS 文件包含在链接到它的资产中，现在需要预加载

如您所见，我需要在加载窗口后的某个时间点加载 CSS 文件 + 链接的图像

我尝试了一些图像预加载器，但似乎都没有按我需要的方式工作。有什么建议吗？

【问题讨论】：

标签： html css load preloader

【解决方案1】：

我不是 100% 确定为什么不能通过将 dom 中的不同元素定位在不同位置来实现这一点。您可以在打开正文标记之后加载图像，这是用于背景的旧技巧。确保在屏幕外显示时隐藏。

<head>
    <script>
        /*load my js css*/
    </script>
</head>
<body>
<img class="myimage" style="display:none;">
<script>
    /* Load a different script that will be able to reference myimage.*/
</script>
</body>

我不确定我是否 100% 正确地阅读了您的问题，但如果您对“违反规则”表示满意，您也可以始终将 css 加载到头部之外

【讨论】：