GoldenLine
Zaloguj się
Adam Skwarek

Adam Skwarek sa

Temat: Jak przenieść obrazek pod tło

Witajcie mam jeszcze 1 problem a mianowicie potrzebuje przenieść obrazek pod tło gdyż na razie nachodzi na niego . Tak jak na tym layoucie:
Obrazek
potrzebuje ten render przenieść pod tło na którym są newsy i inne tabele. Gdyż obecnie jest na nim.
Link do wypowiedziLink

konto usunięte

Temat: Jak przenieść obrazek pod tło

Wszystko zależy od tego jak wygląda struktura Twojego pliku HTML.

Słowa klucze w tym wypadku to: z-index, body background, fullscreen background.

Odsyłam do googlowania, jest masa tego typu przykładów. Miłego kodowania! :)
Link do wypowiedziLink

konto usunięte

Temat: Jak przenieść obrazek pod tło

Kod css tla dla nowych i starych przegladarek www.
Zrob jeden duzy obrazek tla. Tlo bedzie sie skalowac do okna przegladarki.



body {

background:url(tlo.jpg) no-repeat center top fixed; 

-webkit-background-size: cover; 

-moz-background-size: cover;

-o-background-size: cover; 

background-size: cover; 

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tlo.jpg', sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tlo.jpg', sizingMethod='scale')"; 

}
Link do wypowiedziLink
Radomir Skrzepij

Radomir Skrzepij Software Developer,
Future Processing

Temat: Jak przenieść obrazek pod tło

połączenie opcji fixed i cover nie jest zbyt dobrym rozwiązaniem, jeżeli chodzi o wydajność.
Zwłaszcza przy nieproporcjonalnie dużym obrazku tła i na urządzeniach mobilnych. Chociaż nawet na desktopie chrome potrafi zaciąć na chwilkę przy scrollowaniu.
Link do wypowiedziLink

konto usunięte

Temat: Jak przenieść obrazek pod tło

To akurat obejdziesz gdy zadbasz, by obrazek tła powędrował jako osobny layer do pamięci GPU.
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy





Wyślij zaproszenie do
Anuluj