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")
. Но он не работает.
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%;
}
Открыть Google Crome
rightclick открыть источник страницы просмотра или элемент проверки
и посмотреть ссылку
он должен открыть изображение