Autor | Zpráva | ||
---|---|---|---|
snazimse Profil |
#1 · Zasláno: 19. 11. 2014, 18:33:51
Zdravím,
mám takový problém, jak říct prvku,aby byl nahoře nad jiným prvkem,potřebuji mu nastavit position:fixed ,aby se rolloval vlevo podle celého webu nad obsahem,ale schová se mi pod obsah (střed webu) co s tím? Zkoušel jsem nastavovat,všechny různé vlastnosti,nepovedlo se mi to. Jako z-index apd. Díky všem! |
||
Tomáš123 Profil |
snazimse:
Riešením je pridať absolútne poziciovanie prvku, ktorý by mal fixovaný objekt prekrývať. |
||
Marschmallow Profil |
snazimse:
„Zkoušel jsem nastavovat,všechny různé vlastnosti,nepovedlo se mi to. Jako z-index apd.“ Právě pomocí z-index to jde velmi jednoduše. Platí pravidlo: čím vyšší číslo má z-index, tím výše je daný objekt. Živá ukázka. |
||
Chamurappi Profil |
Reaguji na Marschmallowa:
Pokud sepisuješ odpověď někomu z diskuse, piš ji laskavě do diskuse a ne na svůj web. Proč dáváš z-index: 1; na #obsah ? Na prvky s výchozí position: static nemá žádný vliv.
„Platí pravidlo: čím nižší číslo má z-index, tím výše je daný objekt.“ Naopak. |
||
Kcko Profil |
#5 · Zasláno: 19. 11. 2014, 22:20:29
„Platí pravidlo: čím nižší číslo má z-index, tím výše je daný objekt.“ Naopak. Jen napůl naopak ;] |
||
snazimse Profil |
#6 · Zasláno: 19. 11. 2014, 23:17:01
Díky ze reakce,příklad si prostuduju.
A dělá se to ještě něčím jiným,než z-index? Co je nejlepší? Jde to jen ,když používám position? Díky moc |
||
Str4wberry Profil |
#7 · Zasláno: 19. 11. 2014, 23:29:49
Můžete tu
position použít jen tak symbolicky kvůli z-index u. Tj. postition: relative , které bez nastavení top /left /buttom /right nemusí nic udělat.
Kdyby vás zajímalo něco víc o z-index u: CSS vlastnost position » Překrývání z-index
|
||
juriad Profil |
#8 · Zasláno: 19. 11. 2014, 23:34:24 · Upravil/a: juriad
Používá se kombinace dvou vlastností:
- později uvedený element bude nad dřívěji uvedeným. (http://kod.djpw.cz/mthb - zakomentuj si různé vlastnoti, především oba backgroundy) - z-index pro explicitní změnu pořadí Funguje to jen v případě, že se elementy překrývají. Toho lze v HTML dosáhnout jen dvěma způsoby: vlastností position (tak se to dělá skoro vždy), vlastností float (ale tam tomu naopak chceš v drtivé většině případů zabránit. Str4wberry: Nefunguje ti „zobrazit zdroj“ v tebou odkázané ukázce |
||
snazimse Profil |
Dobře,
díky,přečtu si o tom. Takže se využívá,position a z-index standartně. A kdyby se neuvedl u prvku ani position ani float. Tak se to dá taky? |
||
juriad Profil |
snazimse:
„A kdyby se neuvedl u prvku ani position ani float.“ Tak nejspíš není žádná možnost, jak donutit, aby se elementy překrývaly. Standardně se to řeší přes position: absolute uvnitř elementu, který má position:relative .
Hodnoty absolute a fixed dělají dvě věci: 1) vyjmou element z místa, kde je definovaný v HTML (tam se nezobrazí), 2) zobrazí jej jinde, na místě, které je popsáno vlastnostmi top, right, bottom, left. Ještě doplním, že existuje jedna další vlastnost, která vyjme element z toku stránky: display: none , ale to v tomto případě není užitečné.
|
||
snazimse Profil |
#11 · Zasláno: 20. 11. 2014, 15:54:14
juriad:
Dobře,to chápu,jen se ptám. display:none to je úplné skrytí,jakoby tam nebylo nic,to se mi nehodí v tomto případě. Díky |
||
Časová prodleva: 9 let
|
0