Autor Zpráva
Vovko
Profil *
Jako je to zde: http://www.thesixtyone.com/ .. a k tomu se elasticky zmenšoval a zvětšoval dle změny velikosti okna prohlížeče.

Poradíte?
Marek88
Profil
Nemají to tam jako background, ale jako obyčejný obrázek <img src="">. Nastavovat jeho rozměry můžeš průběžně javascriptem. Stačí v určitých časových intervalech sledovat velikost okna a když se změní, tak změnit velikost obrázku.
margin
Profil *
Marek88:
v určitých časových intervalech sledovat velikost okna
Kýho šlaka?

když se změní“, tak to je onResize.

tak změnit velikost obrázku.“, třebas na 100% výška a 100% šířka, tomu říkám smysluplný skript!
Vovko
Profil *
Nějak to nechápu .. eh ..
margin
Profil *
Vovko:
Nějak to nechápu
Tahat do toho JavaScript ve nesmysl, když na požadovanou změnu velikosti obrázku stačí HTML.

Pomocí CSS pozicování se dosáhne toho, aby obrázek byl pod obsahem. Koukni v IE na http://www.jakpsatweb.cz/priklady/background-position.html, "Pseudopozadí pozicováním", stačí trochu upravit, a bude to funkční napříč prohlížeči.
soucekgns
Profil
Mělo by to být takto
<body onresize="this.style.width = '100%'">
Dynamické HTML
tombik
Profil
soucekgns:
Já myslel, že DHTML umřelo. :O
Venca V
Profil
tombik:
Já myslel, že DHTML umřelo. :O

A kde jsi žil posledních pár let, v době kdy se stránky začaly hýbat, scrollovat, dragandropovat atd?
ProsteJmenoDaniel
Profil *
Zde je fajn návod: http://jecas.cz/obrazkove-pozadi

Ve zkratce:
body {
   background-image: url('obrazek.jpg');
   background-position: center;
   background-size: cover;
}


Sám jsem byl překvapen jednoduchostí řešení. :-)
Bubák
Profil
ProsteJmenoDaniel:
V době, kdy byl dotaz psán (20. 1. 2011), byla podpora background-size mnohem menší, než nyní a nyní je to něco pod 90 %.
http://caniuse.com/background-img-opts

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: