如何使用CSS将其设置为我的的背景，如果我使用Zend框架？

Question

其他的一切100级％的作品，所以我100％的错误在于文件路径我使用的图像。

在图像不加载。

无论

A）我需要的文件出现在工作区的Zend，我怎么做。

或

B）我的路径是错误的。

下面是我的文件层次结构：

这是我的CSS代码：

#nav-menu li{
    float: left;
    margin: 0 0.15em;
} 

#nav-menu li a:HOVER{
    background-color: yellow;
}

#nav-menu li a{
    background: url(./img/buttonbackground.jpg) #fff bottom left repeat-x;
    height: 2em;
    line-height: 2em;
    float: left;
    width: 9em;
    display: block;
    border: 0.1em solid #dcdce9;
    color: #0d2474;
    text-decoration: none;
    text-align: center; 
} 

我向你保证，像物理那里，在我的光盘，但该路径是错误的，我猜。

Answer 1

一个相对路径必须是相对于CSS文件，如果你发布的代码是在CSS文件夹，你需要：

background: url(../img/buttonbackground.jpg) #fff bottom left repeat-x;

Answer 2

前导.正在相对于所述HTML文件的URL的图像的URL。卸下.将使路径绝对到主机。

值得一提的是，Zend框架将使用URL重写路由不映射到一个文件index.php所有的URL。

Answer 3

我有这个过，但不记得我做过什么来解决它。

试图找到的图标描绘一个小三角形指向下方（文件浏览器的顶部）。这是一个提示标记视图菜单最右边的图标。单击它并选择过滤器。检查是否存在可能导致该文件是看不见的过滤器。如果这没有帮助请尝试切换视角。也尝试右击该文件夹并选择刷新。

您也可以尝试将文件从物理位置右键点击副本通过你的Zend Studio / Eclipse中复制并粘贴到IMG文件夹，以确保你真的把它放在那里。

如果我误解了这个问题，这是仅约在web浏览器不显示该文件，忽略上面和在CSS文件中的文件路径中删除.（但不是/）以使其相对于所述的WebRoot。