16

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

这是我的css文件中的行：

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

5 回答 5

24

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

于 2013-02-04T20:40:48.610 回答
14

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

根据文档：

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

于 2013-02-03T04:52:40.950 回答
2

您必须/在文件名前面加上前缀 a。

于 2015-03-27T15:43:23.430 回答
2

我的网站架构 

body{   
  background-image: url('image/back1.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
}
于 2016-10-12T09:06:12.720 回答
2

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

例如：如果路径中的图像 -/public/img/logo.png

然后使用下面的 CSS ： 

background-image('img/logo.png');
于 2017-03-12T06:56:51.840 回答