2014-12-30 2 views
1

После обширных исследований, я попыталсяCSS Image Path не работает

background-image: url("/images/image.jpg"); 
../../images/image.jpg 
../images/image.jpg 
/images/image.jpg 
./image.jpg 

И весь URL. Плюс другие. Я не знаю, что я делаю неправильно.

Путь находится в одной директории.

Это мой CSS:

nav { 
    background-image: url ("./images/navmenu.jpg"); 
    width:100%; 
    height:200px; 
    margin:0; 
    display:block; 
    padding:0; 

} 
+2

Если '' /images/image.jpg "' не работает, это означает, что изображение не находится на '/images/image.jpg" '. –

+1

images/image.jpg? – Chad

+0

Есть предупреждения на консоли? – osmanraifgunes

ответ

1

Удалите пробел после url, а также удалить ./ до того images в пути:

background-image: url("images/navmenu.jpg"); 
+0

Awesome. Объединив этот ответ с двумя точками, это сработало для меня. Спасибо!! – SereneTheif

+0

@ user3685893 Я рад, что это помогло. :) Пожалуйста, поддержите этот ответ и отметьте этот ответ как принятый. –

1
nav { 
background-image: url ("../images/navmenu.jpg"); 
width:100%; 
height:200px; 
margin:0; 
display:block; 
padding:0; 

} 

использовать двойные точки до/изображений это будет работать для тебя.

+0

Когда я объединил этот ответ с приведенным выше, он сработал. Большое спасибо!!! – SereneTheif

0

Попробуйте открыть страницу вверх в хроме, затем осмотрите элемент nav, затем посмотрите на css, который ваш хром пытается получить (наведите указатель мыши на часть url на вкладке стилей css. Это должно помочь вам определить вашу проблему.

enter image description here

0

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

background-image: url("images/navmenu.jpg"); 

or 

background-image: url("Images/navmenu.jpg"); 

, если это происходит на вашем сайте, пожалуйста, поделитесь им, что мы можем найти точную проблему. Thanks