如果我使用Zend框架，如何使用CSS设置为<li>背景？</li>

Question

其他一切100％都有效，所以我100％肯定错误在于我用于图像的文件路径。

图片无法加载。

要么

A）我需要将文件显示在Zend工作区中，我该怎么做。

或

B）我的道路错了。

这是我的文件heirarchy：

这是我的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文件的网址。删除.将使路径成为主机的绝对路径。

值得注意的是，Zend Framework使用url重写将所有未映射到文件的URL路由到index.php。

Answer 3

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

尝试找到描绘向下的小三角形的图标（文件浏览器的顶部）。这是最右侧的图标，其工具提示标记为“查看菜单”。单击它并选择过滤器。检查是否存在可能导致文件不可见的过滤器。如果这无助于尝试切换视角。也可以尝试右键单击该文件夹并选择Refresh。

您也可以尝试通过右键单击副本从物理位置复制文件，并通过Zend Studio / Eclipse将其粘贴到img文件夹中，以确保您确实将其放在那里。

如果我误解了这个问题并且这只是关于webbrowser中没有显示的文件，请忽略上述内容并从CSS文件中的文件路径中删除.（但不是/）使它相对于WebRoot。