Propriedade background-image

Front-end CSS
#1

Olá pessoal

Estou com uma dúvida. Tenho uma pasta chamada css e outra chamada img. Na pasta css tem um arquivo com o nome estilo.css e na pasta img tem uma imagem chamada sobre-background.jpg.

Quando eu declaro no estilo.css a imagem sobre-background.jpg não aparece nada no arquivo html, mas quando eu pego a imagem e colo dentro da pasta css e faço a declaração funciona normalmente.
Na primeira vez eu coloquei o caminho da imagem assim /img/sobre-background.jpg, está correto?

Será que é alguma norma do css, que as imagens tem que estar dentro da mesma pasta que se encontra o arquivo estilo.css?

#2

Eu entendi mais ou menos a pergunta

Tendo em conta que a pasta img está dentro da pasta css, então /img/sobre-background.jpg funcionaria.
Porém se a pasta img está um diretório acima, então ACHO você tem que colocar “…/” que volta uma página para cima.

url(…/img/sobre-background.jpg);

Acho que está certo, se testar e der errado avisa pra eu rever minhas informações.

1 curtida
#3

Não precisa os arquivos estar na mesma pasta pra funcionar, você só deve especificar no código
o local onde está a imagem ou o arquivos de códigos.
Assim: “nome_da_pasta/exemplo.css”

#4

@N4TH o que ele necessita é referenciar a imagem diretamente no arquivo estilo.css.

Sendo assim a condição demonstrada pelo @Randi-Maldonado satisfaz o problema pois “…/” retorna uma camada na hierarquia do projeto.

1 curtida
#5

Não, não é uma norma do CSS.

Se o seu projeto estiver composto de:

index.html              arquivo
/css                    pasta
/img                    pasta

e você estiver chamando a imagem dentro do html, a tag fica assim:

<img src="img/sobre-background.jpg" alt="">

se a estrutura de arquivos e pastas não estiver assim, mande uma print.

#6

Pessoal obrigado pela ajuda. Tinha faltado os dois pontos, funcionou corretamente.

#7

@ramaral que bom que deu certo.

Favor marcar a resposta como Solução e adicionar [RESOLVIDO] ao título