从流星中的css文件加载背景图像

Question

我是第一次构建流星应用程序并遇到了一些问题。特别是，我试图让图片浏览器工作，但导航按钮中的右箭头和左箭头似乎都缺失了。当我尝试使用谷歌的开发人员工具加载应该在按钮中的图像时，它将显示为空图像。因此，我可能不会将图像文件放在适当的目录中，因此meteor无法将其加载到css文件中。我不确定是否是这种情况，或者它是别的。它可能不是任何语法错误，因为当我在流星之外运行插件时，我能够看到按钮中的箭头。

这是我的css文件中的一行：

background: transparent url('themes.gif') no-repeat left top;  margin-top: -45px;

Answer 1

所以我设法让它发挥作用。我在公共文件夹中创建了一个资源目录，并将css文件中的url更改为url（“/ resources / button”），这似乎可以解决问题。

Answer 2

您可以将CSS保留原样并将themes.gif文件放在Meteor应用的/public目录中 - 然后它就可以访问了。

根据docs：

  

最后，Meteor服务器将提供公共目录下的任何文件，就像在Rails或Django项目中一样。这是图像的地方，favicon.ico，robots.txt，以及其他任何东西。

Answer 3

您必须在文件名前添加/前缀。

Answer 4

文件需要放到/ public目录并从css中删除路径中的“/ public”。

例如： 如果路径中的图片 - select students.firstname as 'name', GROUP_CONCAT(courses.coursename) as 'course name' from students join students_courses on students.studentid = students_courses.studentid join courses on courses.courseid = students_courses.Courseid group by students.Firstname order by courses.coursename

然后使用下面的CSS：

/public/img/logo.png

Answer 5

my web site architecture

body{   
  background-image: url('image/back1.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
}