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

kri*_*tap 16 meteor

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

这是我的css文件中的行:

background: transparent url('themes.gif') no-repeat left top;  margin-top: -45px;
Run Code Online (Sandbox Code Playgroud)

kri*_*tap 24

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


Tim*_*Dog 14

您可以保留CSS原样并将themes.gif文件放在/publicMeteor应用程序的目录中 - 然后它应该是可访问的.

根据文档:

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