Czemu obrazek się nie wstawia ???

Question

body{
	margin: 0;
}
nav{
	margin: 0 auto;
	height: 100px;
	width: 100%;
	background-color: #3D3D3D;
}
ol{
	list-style-type: none;
	padding: 0;
	margin: 0;
	line-height: 200%;
	font-size: 30px;
}
ol>a{
	color: #FFF;
	text-decoration: none;
}
ol li{
	margin: 10px;
	height:100px;
	display: inline-block;
	text-align: center;
}
#image{
	background-image: url("img1.jpg");
	height: 80vh;
	background-size: cover;
	margin-bottom: 50px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
}

Nie wiem czemu obrazek się nie wstawia !!!

 

Answer 1

Bo go po prostu tam nie ma! Z tego co pamiętam to obrazki wstawione przez CSS są dodawane z poziomu pliku CSS czyli jeżeli masz plik css w jakimś katalogu to z jego poziomu masz też dodawać zdjęcie.

Answer 2

Heh pamiętam ten zapis:

background-image: url("img1.jpg");

on domyślnie szuka go w folderze gdzie trzymasz plik css jak masz obrazek w folderze z indexem wystarczy że dasz ../img1.jpg i będzie działało :) 

 

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