从jsfiddle获取图像资源

Question

我有一个来自jsfiddle的工作脚本，但在css文件中它的引用图像。它适用于jsfiddle。

我在项目中所做的是： 创建了空白脚本文件，并将它们命名为jsfiddle上的相同名称。 然后从jsfiddle脚本中复制脚本文件代码并粘贴到空白文件中并保存。 javascript似乎在我的项目中工作，但灯箱看起来不正确，可能是因为css文件正在引用图像。我可以在jsfiddle上获取css中引用的图像吗？

http://jsfiddle.net/markcoleman/trnZS/2/

我找到了需要的png文件，并将它们添加到我的App_Themes / Theme1 /文件夹中，然后将css更改为background-image：url（'App_Themes / Theme1 / fancybox.png'）;但它仍然没有看到图像。不确定我做错了什么？

这是在css文件中引用图像的有效方法吗？

background-image: url('../css/images/fancybox.png');

Answer 1

Firefox + Firebug，右键单击，检查元素。

Answer 2

这里看起来很好吗？

如果你想检查元素，我推荐谷歌Chrome浏览器，它是内置的控制台，我喜欢它比firefox + firebug好得多。

Answer 3

如果您正在谈论加载动画和关闭按钮图像，您是否还安装了FancyBox plugin？这就是jsfiddle似乎引用那些图像的地方。

如果您不想要插件，png文件看起来像精灵，你设置背景位置吗？