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

Question

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

我正在使用上述代码来预加载背景图片。然而，我的display:none似乎不起作用。所有的图像都被加载并可见。这是浏览器特定的问题吗？我在Mac上使用火狐20或者是CSS / SASS语法错误？我需要解决方案能够兼容多个浏览器。我只想以一种干净简单的方式预加载所有图片。谢谢。

- user2012677

---

如果您正在使用资产管道，请不要忘记使用image-url助手而不仅仅是url。 - rovermicrover

有什么区别？ - user2012677

image-url是一个帮助函数，如果我没记错的话它会返回完整的摘要路径，至少以前是这样设定的。但回想起来，他们可能只是让url成为一种全包含的形式。不过我仍然为图像使用image-url，为字体等使用font-url，以防万一。 - rovermicrover

很好知道。虽然我现在正在重新考虑这个CSS，因为我读到一些浏览器在显示设置为none（display: none）时甚至不会下载图像。 - user2012677

Answer 1

我有一个解决方案：

我忘记在display和none之间加上空格

因此，

display:none 

不起作用，但是

display: none 

有时候，就是那些微不足道的小事情。

工作正常。

- user2012677