Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Dopasowanie tła na stronie do rozdzielczość.
Forum PHP.pl > Forum > Przedszkole
ciapus4
Witam, pogżebałem w google, ale.....,tu moje pytanie jak dopasować obrazek tła do danej rozdzielczości ekaranu komputer, laptopa, żeby automatycznie się osadzał względem różnych rozdzielczości ?
mam taki kod dla tła.
  1. HTML, BODY {
  2. background-color:#d4d0c8;
  3. height: auto;
  4. width: 100%;
  5. margin-top: 0;
  6. margin-bottom: 0;
  7. margin-left: auto;
  8. margin-right: auto;
  9. padding: 0;
  10. font-family: Arial, Helvetica, sans-serif;
  11. font-size: 14px;
  12. text-align: center;
  13. background-image: url(gfx/bg_body.jpg);
  14. background-repeat: repeat-y;
  15. background-attachment: fixed;
  16.  
  17. }


width: 100%;
height: auto;
Nie zabardzo to działa.
Daimos
Chodzi Ci o skalowanie tego tła? Za pomocą samego background nie zmodyfikujesz grafiki. Jeśli chcesz zmieniać jej wielkość, w zależności od wielkości okna, to najłatwiej zrobić warstwę pod całą stroną z obrazkiem img i ten obrazek już możesz skalować
Mega_88
A czemu nie tak ?

  1. background:url(url obrazek) center no-repeat;background-size: cover;position:relative;width:100%;height:100%;padding:0;
Daimos
a może dlatego, że dopiero IE9 obsługuje background-size
meezan
I dlatego polecam :
http://www.htmldrive.net/items/show/1338/j...in-all-browsers
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.