背景文件未加载图像精灵

我为我的网站和我的最新网站创建了一个照片库我以为我会在名为“图库”的子文件夹中包含CSS和所有页面文件，认为这会比较容易，因为我可以在其他网站上像插件一样使用它。背景文件未加载图像精灵

这里的画廊页：http://unserclosecustoms.com/gallery/galleries.php

新的问题与图像雪碧我用我的photo.php页面上的导航图形做。这是您一次滚动浏览大尺寸图像的页面。

下面是一个示例照片链接页面：http://unserclosecustoms.com/gallery/photo.php?curPage=12&g=33&t=19

的精灵文件，gallerylinks.png位于一个名为“图形”的网站的根目录文件夹中。我决定更改精灵文件的位置，并将其放置在名为“图形”的文件夹中的“图库”文件夹中。我改变了我的CSS文件中的background路径，当我去尝试它时...没有图像精灵。我逐字逐字地检查了路径中的拼写，但仍然没有运气。

当我将CSS文件中的路径更改回根目录中的“图形”文件夹时，它工作正常。我不知道为什么改变精灵文件的位置（以及CSS中适当的background路径）会有所作为。我在Firefox 17（我的主浏览器）和Chrome 23中查了这个，结果相同，所以我不认为这是浏览器问题。

我可以在它的当前位置使用精灵文件，但我宁愿将它放在“图库”文件夹内的“图形”文件夹中。任何和所有的帮助将不胜感激。

来源

2012-12-13 wordman

http://unserclosecustoms.com/graphics/gallerylinks.png适合我，但我在http://unserclosecustoms.com/graphics/gallery/gallerylinks.png上看不到这样的文件 – j08691

@j不，网站的工作原理精细。我说的是当文件被移动时，它停止运行。如上所述，我尝试将它移动到的位置是/gallery/graphics/gallerylinks.png – wordman

呃，除非您将其恢复到非工作状态，否则我们无法排除故障。 – j08691

我同意上面的使用虚拟路径而不是相对路径。这样可以消除许多麻烦。

没有看到页面是非工作形式，很难对此进行故障排除。然而，我最好的猜测是，它可能与移动文件和移动图像有关，并且你的相对路径是停滞的。

我是否正确地阅读了上述内容，并且您正尝试将页面放在/gallery/photo.php和/gallery/graphics/gallerylinks.png上的图像上？如果是这种情况，相对于该页面，正确的rel路径将是../graphics/gallerylinks.png。

尽管如此，保存所有这些不必要的麻烦并遵循使用虚拟路径的建议 - 然后当您决定移动一个页面时，生活仍然很好，因为您总是从根开始。

来源

2012-12-14 00:14:39

页面处于非工作状态。 – wordman

添加'../'是我所缺少的。谢谢！ – wordman

看看你是否能避免相对路径，在您的CSS文件是：

#back a:hover { 
    background: url(../../graphics/gallerylinks.png) -160px -30px; 
}

，而使用根路径与一家领先的/（你移动文件后）：

#back a:hover { 
    background: url(/gallery/graphics/gallerylinks.png) -160px -30px; 
}

来源

2012-12-14 00:05:12 greener

好吧，我按照你的想法改变了路径，并将路径改为'/ graphics/gallerylinks.png'，png文件位于'gallery文件夹内的'图形文件夹中。但是......现在没有出现。 – wordman

我看到'background：url/graphics/gallerylinks.png）;'缺少'（'但是使用'background：url（/gallery/graphics/gallerylinks.png）;'应该可以工作，因为图像看起来像 – greener

Crikey，谢谢你！我添加了'（'后退，但仍然不起作用。 – wordman

背景文件未加载图像精灵

回答

相关问题