• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

tło diva w css

Object Storage Arubacloud
0 głosów
721 wizyt
pytanie zadane 21 kwietnia 2016 w HTML i CSS przez anhydryt Początkujący (290 p.)

Witam,

Mam problem z obrazkiem w tle diva. Otóż obrazek jest w folderze css, nawet jak badam to przeglądarka go widzi, ale nie wyświetla. Proszę o podpowiedź.

Dziękuję :)

http://s5.ifotos.pl/img/Untitledp_ssshhxh.png

3 odpowiedzi

0 głosów
odpowiedź 21 kwietnia 2016 przez Arkadiusz Waluk Ekspert (287,950 p.)
Z tego co widać to div, którego tłem jest ten obrazek, jest pusty i nie ma ustawionych żadnych wymiarów więc dlatego nic się nie wyświetla.
komentarz 21 kwietnia 2016 przez anhydryt Początkujący (290 p.)
jak ustawiłem height: 500px; i width: 500px; to kawałek był, ale przy 100% na 100% nie wyświetla się nic...
komentarz 21 kwietnia 2016 przez Arkadiusz Waluk Ekspert (287,950 p.)
Ustaw szerokość na 100% i wysokość na 100vh wtedy będzie jak trzeba ;)
komentarz 21 kwietnia 2016 przez anhydryt Początkujący (290 p.)
a jak mam później ustawić w responsywnosci wymiary? ;)

 

odkryłem: background-size: 100%;

 

Dziękuję za pomoc :)!
komentarz 21 kwietnia 2016 przez Eimens Maniak (69,240 p.)

odkryj background-size: cover; 

0 głosów
odpowiedź 21 kwietnia 2016 przez kubaapk Nałogowiec (44,270 p.)
Musisz nadać wysokość divowi. Nadajesz 100%, ale 100% czego? ;)
komentarz 21 kwietnia 2016 przez anhydryt Początkujący (290 p.)
szerokość width: 100%, a height nie moge w procentach... oczywiście 100% obrazka.
komentarz 21 kwietnia 2016 przez kubaapk Nałogowiec (44,270 p.)
Żeby działały procenty w height, musi być zdefiniowany height parenta. Mogę się mylić, jak tak to niech ktoś mnie poprawi.

Jeśli chcesz mieć height na całą wysokość okna to użyj height: 100vh
komentarz 21 kwietnia 2016 przez anhydryt Początkujący (290 p.)
a jak mam później ustawić w responsywnosci wymiary? ;)

 

odkryłem: background-size: 100%;

 

Dziękuję za pomoc :)!
–1 głos
odpowiedź 21 kwietnia 2016 przez krispello Obywatel (1,440 p.)

Przyczyną najprawdopodobniej jest zastosowany komentarz 

<!--   -->

 

komentarz 21 kwietnia 2016 przez anhydryt Początkujący (290 p.)
to nie to, to poprzednią wersje zakomentowałem, ale dzięki :)

Podobne pytania

0 głosów
1 odpowiedź 224 wizyt
0 głosów
2 odpowiedzi 315 wizyt
pytanie zadane 9 kwietnia 2017 w HTML i CSS przez Marek123 Początkujący (270 p.)
0 głosów
4 odpowiedzi 1,109 wizyt
pytanie zadane 17 stycznia 2017 w HTML i CSS przez Michał_Warmuz Mądrala (5,830 p.)

92,538 zapytań

141,377 odpowiedzi

319,456 komentarzy

61,923 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...