CSS Background-Image URL

Question

При написании стиля CSS для тела я столкнулся с проблемой и задавался вопросом, может ли кто-нибудь объяснить разницу.

, когда я использовал этот

body { 
background-image: url('img/bg.png'); 
} 

это не сработало. http://www.w3schools.com/cssref/pr_background-image.asp

, но когда я использовал этот

body { 
background-image: url('../img/bg.png'); 
} 

Он отлично работает. Я хочу, чтобы это было, потому что в папке я должен использовать «../», но я просто хотел спросить, чтобы быть уверенным.

Answer 1

Обычная структура проекта выглядит следующим образом:

index.html 
css/ 
    style.css 
img/ 
    bg.png 

При использовании

background-image: url('img/bg.png'); 

, что означает, что расположение изображения CSS/IMG/bg.png, а также при использовании

background-image: url('../img/bg.png'); 

Это означает, что в этом месте изображения находится img/bg.png (../ - one leve l выше из текущей папки, ../../ на два уровня выше и т. д.)