Autor | Zpráva | ||
---|---|---|---|
Vojtik Profil |
#1 · Zasláno: 26. 5. 2018, 23:45:25
Ahoj,
když se někdo podívá na mou stránku, tak chci aby při každém rozlišení objevil obrázek roztáhlý na celé obrazovce. Tento problém jsem vyřešil tímto kódem: background: url(images/background.png) no-repeat center center; position:absolute; top:0; left:0; width:100%; height:100%; background-size: cover; background-attachment: scroll ; background-position: center ; background-repeat:repeat; background-origin: content-box; má to vypadat takto Děkuji za případné rady. |
||
Keeehi Profil |
#2 · Zasláno: 27. 5. 2018, 00:02:39
Z obrázků není v pozadí moc rozdílů, takže ta nefunkčnost z toho není jasná. Co přesně znamená to nefungovalo? Co je s tím špatně?
|
||
Vojtik Profil |
#3 · Zasláno: 27. 5. 2018, 00:32:20
Po nastavení position: absolute web začne brát tu část stránky jako by tam nebyla a všechen obsah (který nemá nastavený position: absolute) co je pod ní se nahrne nahoru.
Zkrátka chci docílit toho efektu, že když návštěvník přijde na mou webovku, tak první co se mu ukáže je toto. (část stránky s full screen pozadím. Když by návštěvník scrolloval dolů, tak by se mu ukázal další obsah. Podobně to je zde, akorát tady je ten obrázek zafixovaný a já potřebuji aby se pohyboval s tím jak návštěvník scrolluje.) Zatím jsem tomu dal rozměr výšky 1000px, takže to dobře vypadá jen na mém(či jemu podobném) monitoru. Zkoušel jsem to tím kódem co jsem poslal, ale bohužel mi to nefunguje. |
||
Vojtik Profil |
#4 · Zasláno: 27. 5. 2018, 01:38:27
Už se mi to podařilo vyřešit.
Každopádně děkuji za reakci. |
||
Keeehi Profil |
#5 · Zasláno: 27. 5. 2018, 03:55:32
Vojtik:
„Po nastavení position: absolute web začne brát tu část stránky jako by tam nebyla a všechen obsah (který nemá nastavený position: absolute) co je pod ní se nahrne nahoru.“ Ano, tak přesně absolutní pozicování funguje. V důsledku máš dvě možnosti. Buď ten element nebudeš pozicovat a jen ho roztáhneš na celou šířku i délku a obsah bude v něm. Nebo to budeš brát jen jako pozadí, tedy nebude v něm žádný obsah a budeš to pozicovat přesně tak, jak v [#1]. Jediný problém, který tím vzniká je to, že když něco absolutně pozicuješ, tak se daný element dostává do vyšší vrstvy. ovšem to se dá srazit pomocí z-index: -1;
|
||
Časová prodleva: 6 let
|
0