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

Jak zrobić tło z obrazka

Object Storage Arubacloud
0 głosów
817 wizyt
pytanie zadane 20 lutego 2017 w HTML i CSS przez David Sundkikngs Obywatel (1,180 p.)
Witam chciałbym aby obrazek stanowił tło całej strony obrazek domyślnie jest w tym samym

katalogu co www czy ktoś mógłby podać recepture na to bo albo ja coś robię zle albo żaden sposób nie działa

4 odpowiedzi

0 głosów
odpowiedź 20 lutego 2017 przez Koszmar Początkujący (290 p.)
body { background-image: url(ścieżka dostępu do obrazka) }
komentarz 20 lutego 2017 przez Koszmar Początkujący (290 p.)
Ta linijka w css oczywiscie
komentarz 20 lutego 2017 przez David Sundkikngs Obywatel (1,180 p.)
ale w css czy w html w stawiam jednym i drugim i nic
komentarz 20 lutego 2017 przez Koszmar Początkujący (290 p.)
podeslij html i css.
0 głosów
odpowiedź 20 lutego 2017 przez Ehlert Ekspert (212,670 p.)
<div id="app">
</div>
#app{
width: 100%;
height: 100%;
background-image: url('path/to/image');
background-size: /*Zobacz jakie są opcje i kombinuj*/;
background-position: /*jak powyżej*/;
}
komentarz 20 lutego 2017 przez David Sundkikngs Obywatel (1,180 p.)
jak mam dvi conteiner to ten dvi app mam zrobić  w tym dive?
komentarz 20 lutego 2017 przez Ehlert Ekspert (212,670 p.)
Najlepiej to żeby ten dla którego style podałem był jak najbardziej zewnętrznym elementem.
komentarz 20 lutego 2017 przez David Sundkikngs Obywatel (1,180 p.)
ale mam już całą strukture ..https://zapodaj.net/02d9a48fe0f8e.png.html
komentarz 21 lutego 2017 przez David Sundkikngs Obywatel (1,180 p.)
dajel nie wiem jak robie to i w css i html i nie działa
0 głosów
odpowiedź 21 lutego 2017 przez Chess Szeryf (76,710 p.)

Jeśli obrazek jest w tym samym folderze, co strona www, to po prostu wpisujesz jego nazwę i tyle.

body{
      background-image:url('obrazek.png');
}

Jeśli zatem miałbyś to w innym katalogu, czy folderze to powinno być to tak zrobione:

background-image: url('path/to/image.jpg');

Nie może to być tak, jak ty to podałeś:

background-image: url('path/to/image');

Bez rozszerzenia, np. JPG.

Łap prosty tutorial: http://www.kurshtml.edu.pl/html/wstawienie_obrazka,zielony.html

0 głosów
odpowiedź 21 lutego 2017 przez Wilczu Mądrala (5,190 p.)

Ja zawsze w body mam 

    background-image: url("bg.png");
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;

Podobne pytania

0 głosów
1 odpowiedź 249 wizyt
pytanie zadane 28 stycznia 2021 w HTML i CSS przez techno16 Gaduła (4,780 p.)
0 głosów
2 odpowiedzi 814 wizyt
pytanie zadane 16 kwietnia 2019 w HTML i CSS przez frederrer Użytkownik (740 p.)
0 głosów
2 odpowiedzi 892 wizyt
pytanie zadane 7 października 2018 w Grafika i multimedia przez Salaa1 Początkujący (460 p.)

92,570 zapytań

141,422 odpowiedzi

319,643 komentarzy

61,958 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!

...