背景图像不可见

时间:2014-11-26 22:34:37

标签: html css image

http://jpshots.com/portrait.html

如果您查看CSS,您会看到迷你导航周围应该有一个图像。我相当确信该文件都是正确的,因为所有其他img的工作正常。

我最初把图像放在HTML中,但它很棘手,因为我得出结论,图像位于导航的顶部,使链接无法点击。通常我会使用z-index但是z-index需要是相对的,这会在将其定位在右下角时出现问题。任何帮助都会很棒。

1 个答案:

答案 0 :(得分:4)

控制台显示Failed to load resource: the server responded with a status of 404 (Not Found) 找不到您引用的图像文件,可能是由于您的CSS中的URL错误。

查看 basic.css 文件中background-image声明中的.bottom-nav属性:

background-image: url(".../img/mininav.png");

我很确定这里有一个点太多了。这应该有效:

background-image: url("../img/mininav.png");