resources - 如何为Sproutcore应用程序使用CSS引用图像？

全部，

一个简单的问题:我想将图像“logo.png”作为my-app的背景。我应该在哪里放置文件，如何在main_page.js以及Resources文件夹中的CSS文件中引用该文件？

这是故事的其余部分:

我有一个称为doc-background的CSS类。我知道此类有效，因为当我在CSS文件中设置背景颜色时，如下所示:.doc-background { background-color: red}具有所需的效果，Firebug告诉我正在使用doc-background类。

但是，当我添加一行.doc-background { background-image: url('logo.png'); }，没有任何效果。 Firebug显示未应用doc-background类。当我在Firebug中修改样式以添加有关背景图像的行时，它会在工具提示中显示“无法加载URL”。

有人可以给我指出有关如何使用资源和图像以及如何在要使用CSS的地方放置它们的指南吗？我已经通过 ImageView 成功地使用了它们，并将它们编码为HTML。

这是我已经尝试过的:

使用静态网址代替

将图像文件移动到资源

下的images文件夹中

通过使用路径上的所有变体来引用图像-包括仅包含图像的资源/图像，不包括任一个...

大量使用Google搜索寻找答案，阅读创建自己的应用程序教程等。

如果您有一个使用来自CSS的颜色和图像的示例应用程序，那将是终极选择!但是，位置和background-image CSS属性的一些帮助将使我入门!

非常感谢，

可见

最佳答案

将图片放置在相对于CSS的位置:

资源/style.css
资源/图片/logo.png

然后使用static_url引用图像:
background-image: static_url('images/logo.png');