我用Fancybox图像得到404错误

Question

我的日志中有400个错误与fancybox有关.

/products/product1/fancybox/fancy_shadow_se.png
/products/product1/fancybox/fancy_shadow_ne.png
/products/product1/fancybox/fancy_shadow_n.png
/products/product1/fancybox/fancy_nav_right.png
/products/product1/fancybox/fancy_close.png

这些png都在fancybox css文件中引用.例如:

.fancybox-ie #fancy-bg-n    { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne   { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e    { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se   { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s    { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw   { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w    { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw   { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }

我在这个位置安装了fancybox:

/js/fancybox/

盒子出现了很好漂亮.

那有什么不对？我无法弄清楚.CSS看起来正确,我想我已经将它安装在正确的位置.一个不正确的解决方案是将绝对路径放在CSS文件中.还有其他想法吗？

Answer 1

您的网址正在寻找执行它的目录。更改相对 URL（如果只是同级目录，则为 ../imagename.png）或提供图像的绝对路径。

澄清一下，如果您的脚本是从 js/fancybox 执行的，并且您指定了像 /fancybox/image.png 这样的图像，它将在 js/fancybox/fancybox/image.png 中查找该图像。如果图像直接位于脚本所在的 fancybox 文件夹中，则只需指定图像名称，并且不要在其前面添加任何相对路径。如果您指定目录结构，我可以为您提供更好的相对 url 来使用，否则完全限定路径将适合您。