Autor Zpráva
Kubazduba
Profil *
Dobrý deň. Rád by som docieli efektu, kde by sa pozadie elementu rozbrazovalo na celej šírke a výške okna, aj pri približovaní/vzdiaľovaní obsahu, ale pri scrollovaní by človek normálne prešiel na ďalší element. Neviete ako na to? Pre lepšiu predstavu pridávam tému kde to takto funguje.
http://www.11-76.com/themes/the-count/image-background/
Keď si stránku vzďaľujete a približujete, pozadie sa prispôsobí ale keď scrollujete dole, dostanete sa na ďalší obsah.
SirDoxik
Profil
myslím že stačí nastavit
body {
background-size: cover;
}
Daves
Profil *
Kubazduba:
Toto jsem dřív řešil několik dní než jsem přišel k nejlepšímu řešení
 background: url('cesta k obrazku') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

funguje i při změně rozlišení, automaticky se přizpůsobuje
Kubazduba
Profil *
Ďakujem peknéé :)
Daves
Profil *
Kubazduba:
Není zaco :)
SirDoxik
Profil
Kubazduba:
Není to co jsem psal já to samé akorát v kratším?
Daves
Profil *
SirDoxik:
jojo, jen i pro různé verze, a chybí tam no-repeat center center fixed
pcmanik
Profil
Daves:
Tie css prefixy niesu vôbec potrebné. Sú určené doslova pre prvotné verzie všetkých prehliadačov pre ktoré sú určené.

A pre vysvetlenie kódu:
center center je skratka pre background-position: center center; - spôsobí horizontálne aj vertikálne vycentrovanie
fixed je skratka ku background-attachment: fixed; - spôsobí že pozadie sa nebude pohybovať spolu s rolovaním na danom elemente

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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