在 Rails 中预加载 SASS/CSS 背景图像答案

【问题标题】：SASS/CSS background image preloading in rails在 Rails 中预加载 SASS/CSS 背景图像
【发布时间】：2013-04-12 12:38:25
【问题描述】：

body
    &:after
      content: url('image1.jpg') url('image2.jpg') url('image3.jpg') url('image4.jpg') 
      display:none

我正在使用上面的代码来预加载背景图片。但是，我的 display:none 似乎不起作用。所有图像正在加载并且是可见的。这是浏览器特有的东西吗？我在 mac 上使用 firefox 20 还是错误的 css/sass 语法？我需要该解决方案与多浏览器兼容。我只想以简洁明了的方式预加载我的所有图像。

谢谢

【问题讨论】：

如果您使用资产管道，请不要忘记使用 image-url helper 而不是 url。
有什么区别？
image-url 是一个帮助器，如果我没记错的话，它会返回完整的摘要通行证，至少以前是这样设置的。但回想起来，他们可能只是让 url 无所不包。不过，我仍然将 image-url 用于图像，将 font-url 用于字体等以防万一。
很高兴知道。尽管如此，我现在正在重新考虑这个 css，我读到当显示设置为无（显示：无）时，一些浏览器甚至不会下载图像。

【解决方案1】：

我有一个解决方案：

我忘了在 display 和 none 之间放一个空格

因此，

display:none

没用，但是

display: none

确实有效。

有时这是最小的事情。

【讨论】：