CSS 背景图片不可见

Question

我的 css background-image 属性有一些问题。我检查了一下，图像在正确的文件夹中。当我将它放在另一个页面中进行测试时，它可以正常工作并且我看到了。但是当我把它放在我想要的页面时，它就不起作用了，因为测试页在同一个文件夹中。这是我的代码:

HTML:

<div id="wrapper"></div>

CSS:

#wrapper{
    width: 50px;
    height: 30px;
    background: url(img/sprite_menu.png) top left no-repeat;
}
#wrapper:hover{
    background-position:0 -30px; 
}

我的代码有什么问题？为什么我看不到？

编辑:当我使用检查元素工具时，浏览器说它无法加载图像。

Answer 1

试试这个:

background: url("/img/sprite_menu.png") top left no-repeat;