Autor | Zpráva | ||
---|---|---|---|
JonatanX Profil * |
#1 · Zasláno: 24. 1. 2012, 12:41:29
Ahoj, jak se tak koukám po webech poslední dobou narážím na weby, které jsou tvořeny, tak že hlavním grafickým prvkem je fotografie v pozadí, která se posouvá v závislosti na velikosti otevřeného okna. Když jsem to zkoušel (klasicky s pozadím) tak jsem na to nepřišel (buď stojí nebo se opakuje) tohle vypadá že se jaksi přepočítává velikost. Myslím že takovou klasickým příkladem může být tahle stránka http://cpeople.ru/ . Nemůžete mě odkázat na nějaký informace, kde bych pochopil jak se podobný layout (design) vytváří? Nebo mi to nějak vysvětlit o co jde.
Díky |
||
Str4wberry Profil |
#2 · Zasláno: 24. 1. 2012, 12:59:30
V zásadě stačí velký obrázek na pozadí třeba
<body> , který má background-position na střed.
|
||
JonatanX Profil * |
#3 · Zasláno: 24. 1. 2012, 14:15:36
Jo to je super. Díky
A ještě bych se chtěl zeptat...samozřejmě měním velikost okna a pokud je obrázek větší, prostě se z něj ukrojí to co není vidět (obrázek na pozadí je statický) a právě u té ukázky ( http://cpeople.ru/ ) se jakoby obrázek zvětšuje a zmenšuje. To vypadá na nějakou aplikaci. |
||
Alutom Profil |
#4 · Zasláno: 24. 1. 2012, 15:26:24
JonatanX:
„...prostě se z něj ukrojí to co není vidět (obrázek na pozadí je statický) a právě u té ukázky ( ht>tp://cpeople.ru/ ) se jakoby obrázek zvětšuje a zmenšuje.“ Nevím, jak to je u té ukázky, ale já to dělám pomocí background-size: cover;
|
||
jenikkozak Profil |
#5 · Zasláno: 24. 1. 2012, 16:14:29
Alutom:
„Nevím, jak to je u té ukázky“ body { background-position: 50% 100%; background-repeat: no-repeat; background-color: #b9b9c5; background-image: url(/img/bg.jpg); } |
||
JonatanX Profil * |
#6 · Zasláno: 24. 1. 2012, 16:21:58
Pěkný! Přesně tohle jsem potřeboval vědět. Díky!
Jen chci dodat... pracuji v PSPadu a jeho náhled mi to nezobrazuje správně, zřejmě protože nezná "background-size" při testech v Mozzile a Chrome to pracuje jak má. |
||
Chamurappi Profil |
#7 · Zasláno: 24. 1. 2012, 16:31:35
Reaguji na JonatanaX:
Explorer 8 a starší nepodporují background-size .
|
||
Časová prodleva: 12 let
|
0