Como posso usar o CSS para definir como meu de fundo se estou usando a estrutura do Zend?

Question

Todo o resto 100% funciona, por isso tenho 100% positivo que o erro está no caminho do arquivo que estou usando para a imagem.

A imagem não carrega.

Qualquer

A) Preciso que o arquivo apareça no espaço de trabalho Zend, como faço isso.

ou

B) Meu caminho está errado.

Aqui está o meu arquivo herdeiro:

E aqui está meu código 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; 
} 

Garanto -lhe que a imagem está fisicamente lá, no meu disco, mas o caminho está errado, eu acho.

Answer 1

Um caminho relativo deve ser relativo ao arquivo CSS, se o código que você postou estiver nessa pasta CSS, você precisa:

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

Answer 2

A liderança . está tornando o URL da imagem em relação ao URL do arquivo HTML. Removendo o . tornará o caminho absoluto para o host.

Vale a pena notar que a estrutura Zend usa a reescrita de URL para rotear todos os URLs que não mapeiam para um arquivo para index.php.

Answer 3

Eu também tive isso, mas não consigo me lembrar do que fiz para consertar.

Tente encontrar o ícone que descreve um pequeno triângulo apontando para baixo (superior do navegador de arquivo). É o ícone mais certo com uma dica de ferramenta marcada com o menu de exibição. Clique nele e escolha filtros. Verifique se há um filtro que pode estar fazendo com que o arquivo seja invisível. Se isso não ajudar a tentar mudar as perspectivas. Tente também clicar com o botão direito do mouse na pasta e escolha a atualização.

Você também pode tentar copiar o arquivo do local físico, clicando com o botão direito do mouse e cole -o na pasta IMG através do seu Zend Studio/Eclipse para garantir que você realmente o colocasse lá.

Se eu entendi mal a pergunta e isso é apenas sobre o arquivo que não está aparecendo no webbrowser, desconsidere o acima e remova o . (mas não o /) do filepath no arquivo CSS para fazê -lo em relação ao webroot.