Autor | Zpráva | ||
---|---|---|---|
Kubazduba Profil * |
#1 · Zasláno: 20. 6. 2015, 16:05:19
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 |
#2 · Zasláno: 20. 6. 2015, 16:54:05
myslím že stačí nastavit
body { background-size: cover; } |
||
Daves Profil * |
#3 · Zasláno: 21. 6. 2015, 12:58:48
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 * |
#4 · Zasláno: 21. 6. 2015, 13:45:56
Ďakujem peknéé :)
|
||
Daves Profil * |
#5 · Zasláno: 21. 6. 2015, 13:47:15
Kubazduba:
Není zaco :) |
||
SirDoxik Profil |
#6 · Zasláno: 21. 6. 2015, 16:31:24
Kubazduba:
Není to co jsem psal já to samé akorát v kratším? |
||
Daves Profil * |
#7 · Zasláno: 21. 6. 2015, 22:59:08
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 |
||
Časová prodleva: 9 let
|
0