brak wyświetlenia tła w css

pytanie zadane 1 stycznia 2016 w HTML i CSS przez niezalogowany
edycja 2 stycznia 2016

Kod w html:
http://wklej.to/mNWTD
Kod w css:
http://wklej.to/2BLgZ

Generalnie stosowałem sam background wcześniej i wszystko działało. Od pół godziny szukam rozwiązania i nie mam pojęcia co jest nie tak. Postawiłem już gotową stronę gdzie mam taki kod i wszystko działa.

#EDIT

Już po bólu, pomógł mi jeden z użytkowników na PW, problem był w nadaniu rozmiarów. Trzeba użyć width i height a nie background-size, mało to logiczne, ale cóż.

7 odpowiedzi

odpowiedź 1 stycznia 2016 przez robert9620 Stary wyjadacz (11,640 p.)
wybrane 2 stycznia 2016

Najlepsza

div o klasie header jest pusty i nie ma na sztywno ustawionych wymiarów, dlatego prawdopodobnie jego wielkość to 0x0 px. Background-image ustawia tło elementu nie zmieniając jego wielkości, jest tylko tłem. Dlatego musisz albo wpisać coś do tego diva, jakis tekst, albo nadac mu wymiary.

I nie jestem pewny co do tego :

background-image: url(img/header.jpg) bottom center;

Jakby po nadaniu rozmiarów dalej nie było zdjęcia spróbuj tego :

background-image: url(img/header.jpg);

odpowiedź 1 stycznia 2016 przez Konrad Nabożny Stary wyjadacz (13,460 p.)

odpowiedź 1 stycznia 2016 przez niezalogowany

Dodaję:

background-size: 100% 100%;

i nic się nie dzieje. dalej pusto.

komentarz 1 stycznia 2016 przez robert9620 Stary wyjadacz (11,640 p.)

background-image: url(img/header.jpg);

Spróbuj powyższego kodu w css.

komentarz 1 stycznia 2016 przez niezalogowany

Dalej nic. Zero reakcji.

komentarz 1 stycznia 2016 przez robert9620 Stary wyjadacz (11,640 p.)


<!DOCTYPE HTML>
<html>
	<head>
		<title>backgroundImage</title>
		<style>
			.header {
				background-image: url(header.jpg);
				height:100px;
				width:100px;
			}
		</style>
	</head>
	<body>
		<div class="header" >
		</div>
	</body>
</html>

To jest kod, który u mnie wyświetla poprawnie zdjęcie. Nie wiem co jeszcze możesz mieć źle u siebie.

komentarz 2 stycznia 2016 przez robert9620 Stary wyjadacz (11,640 p.)

Ewentualnie teraz myślę, że mogłeś zapomnieć importować lub popełnić błąd przy imporcie pliku css.

komentarz 2 stycznia 2016 przez niezalogowany

To jedyna rzecz jaka mi przychodziła do głowy w tej chwili, ale sformatowałem przykładowy tekst z pliku style.css i działa, więc jak najbardziej go widzi. Nie mam pojęcia co jest nie tak, szlag mnie powoli trafia.

komentarz 2 stycznia 2016 przez robert9620 Stary wyjadacz (11,640 p.)

Jeżeli bardzo Ci zależy możesz podesłać mi pliki mailem i szybko zobaczę o co chodzi.

komentarz 2 stycznia 2016 przez niezalogowany

Wysłałem link w pw, byłbym bardzo wdzięczy jak byś rzucił okiem.

odpowiedź 1 stycznia 2016 przez Konrad Nabożny Stary wyjadacz (13,460 p.)

A może zapomniałeś że wpakowałeś grafiki do podfolderu?

komentarz 2 stycznia 2016 przez robert9620 Stary wyjadacz (11,640 p.)

By wyszła taka specyficzna ikonka, która oznacza, że nie wczytała się grafika.

komentarz 2 stycznia 2016 przez writen Nałogowiec (29,060 p.)

Taka specyficzna ikonka pojawia się tylko przy elementach img. Tło CSS to jest zupełnie co innego niż zwykły obrazek.

komentarz 2 stycznia 2016 przez robert9620 Stary wyjadacz (11,640 p.)

O racja, przepraszam mój błąd.

komentarz 2 stycznia 2016 przez niezalogowany

Grafika jak najbardziej jest. Jeżeli najadę myszką w Bracketsie na url to pokazuje zdjęcie w miniaturce.

odpowiedź 2 stycznia 2016 przez writen Nałogowiec (29,060 p.)

Aby tło było widoczne element musi mieć jakieś wymiary. Wystarczy wypełnić element jakąś treścią lub ustalić wysokość - height.

No i właściwość background-image przyjmuje tylko jeden parametr. Ewentualnie można ustalić kilka obrazów tła po przecinku url(adres), url(adres).