CSS Background-image nie pojawia się

pytanie zadane 31 grudnia 2018 w HTML i CSS przez Strugaczka Początkujący (260 p.)

Witam,

Mam problem z dodaniem obrazka już na samym początku tworzenia strony. Strona umieszczona jest na serwerze XAMPP w katalogu htdocs. W tym katalogu widnieje katalog "Ogrodnik" wraz z plikiem index.html oraz style.css. Zdjęcia zdnajduje się w katalogu "Grafiki" w tymże katalogu. Przy próbie wstawienia zdjęcia poprzez background-image: url ("Grafiki/img.jpg"); zdjęcie nie wyświetla się. Mógłby ktoś podpowiedzieć w czym tkwi problem ?

Załączam kod:

CSS:

.wrapper
{
	width: 100%;
	height: 100%;
	background-image: url("Grafiki/img.JPG");
}

HTML:

<!DOCTYPE HTML>
<html lang="pl">
<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	
	<title>Waclaw Hankus Ogrodnik</title>
	
	<meta name="description" content="Opis w Google" />
	<meta name="keywords" content="słowa, kluczowe, wypisane, po, porzecinku" />
	<link rel="stylesheet" type="text/css" href="style.css">
	<link rel="stylesheet" type="text/css" href="css/fontello.css">
	<link href="https://fonts.googleapis.com/css?family=Lato:400,700&amp;subset=latin-ext" rel="stylesheet">
</head>

<body>
	<div class="wrapper">

	</div>	
</body>
</html>

1 odpowiedź

odpowiedź 31 grudnia 2018 przez Eimens Maniak (69,240 p.)
wybrane 31 grudnia 2018 przez Strugaczka

Najlepsza

height: 100%; ???

Złych jednostek użyłeś :) Ustaw testowo 400px i zobacz czy jest grafika. Korzystać ze "zbadaj element" i tam sprawdzaj.

Jak już zadziała to poczytaj o VH i VW :)

Pokaż 6 poprzednich komentarzy