首页 文章

在meteor中加载css文件中的背景图像

提问于
浏览 次
15

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

这是我的css文件中的行：

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

5 回答

  • 14

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

    回复于
  • 2

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

    按docs：

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

    回复于
  • 2

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

    回复于
  • 23

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

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

    然后使用下面的CSS：

    background-image('img/logo.png');
    回复于
  • 1

    my web site architecture

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

相关问题