Forum PHP.pl > Rozciąganie obrzkowego tła

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Rozciąganie obrzkowego tła

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

dark_root

3.08.2011, 18:05:45

Witam,
Chciałbym rozciągnąć obrazkowe tło na całą wielkość div'a. Wszystko ładnie wygląda w większość przeglądarek przy użyciu następującego kodu:

Kod

  -o-background-size: 100% 100%, auto;
  -moz-background-size: 100% 100%, auto;
  -webkit-background-size: 100% 100%, auto;
  background-size: 100% 100%, auto;
  background-image:url("images/header_background.jpg");
background-repeat:no-repeat;

Niestety ie, nie jest już tak przyjazne i powyższy kod nie działa poprawnie na tej przeglądarce.
W związku z tym chciałem ten obrazek wstawić w tym divie za pomocą img i dodać do jego stylu z-index:-1 i position:absolute. Jednak to rozciąga obrazek na całą wielkość okna a nie diva.
Jak można uzyskać właściwy efekt?

Crozin

3.08.2011, 18:33:02

Zapewne dodałeś szerokość i wysokość na 100% dla tego obrazu? Koniecznym będzie dodanie jeszcze pozycjonowania relatywnego dla elementu obejmującego (tego, dla którego obecnie ustawiłeś background-size).

dark_root

3.08.2011, 20:13:48

Wielkie dzięki za pomoc

wszystko skowyrnie śmiga

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.