Проблема с фоновым изображением CSS

0

HTML:

<div id="Home"></div>

CSS:

#Home {
position: relative;
background: url("../Pictures/GoodAssTunes.jpg") ;
height: 800px;
width: 100%;
margin-left: -8px;
margin-top: -8px;
z-index: 1;
background-size: 100%;

}

Но по какой-то причине он не будет отображаться. Я пробовал это с background: и background-image: с сокращением и просто url("GoodAssTunes.jpg"). Но он не работает.

  • 0
    В вашем коде нет ничего плохого, вы уверены, что ваше изображение находится там, где вы говорите? Кроме того, вы открыли его, чтобы увидеть, если изображение повреждено?
  • 2
    Путь к проблеме наверняка
Показать ещё 2 комментария
Теги:
background
web

2 ответа

1

http://jsfiddle.net/JD2ft/ Он отлично работает

Нет проблем с фотографиями /GoodAssTunes.jpg

  #Home {
    position: relative;
    background: url("http://placehold.it/350x150") ;
    height: 800px;
    width: 100%;
    margin-left: -8px;
    margin-top: -8px;
    z-index: 1;
    background-size: 100%;
    }
0

Открыть Google Crome

rightclick открыть источник страницы просмотра или элемент проверки

и посмотреть ссылку

он должен открыть изображение

Ещё вопросы

Сообщество Overcoder
Наверх
Меню