从 jsfiddle 获取图片资源答案

【问题标题】：Getting the image resources from jsfiddle从 jsfiddle 获取图片资源
【发布时间】：2011-03-11 00:44:12
【问题描述】：

我有一个来自 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');

【问题讨论】：

那个 jsfiddle 似乎不再工作了......？

标签： jquery css

【解决方案1】：

这里看起来不错？

如果你想检查元素，我推荐谷歌浏览器，它内置在控制台中，我更喜欢它，而不是 firefox + firebug。

【讨论】：

我在更改 css 中的路径时遇到问题。
@NickLaMarca 尝试将/ 添加到起始 URL。 - url('/App_Themes/Theme1/fancybox.png')

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

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

【讨论】：