NOVINKA - Online rekvalifikační kurz Python programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: Překrývání elementů při animaci opacity

V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.

Jak se ti líbí článek?
Před uložením hodnocení, popiš prosím autorovi, co je špatněZnaků 0 z 50-500
Jak se ti kurz líbí?
Tvé hodnocení kurzuZnaků 0 z 50-500
Aktivity
Avatar
Matyáš Procházka
Člen
Avatar
Matyáš Procházka:9.3.2014 0:13

Ahoj,

řeším jeden problém s překrýváním...
Mám element, ve kterém postupně měním text. Pomocí změny opacity. Vždy tam je nějaký text, já animací snížím opacity na 0, přepíšu text a zase animací zvýším opacity.
A když právě běží animace opacity a já mám element překrytý menu (mám nahoře fixnuté menu), takže by vlastně menu mělo element s textem překrýt, tak právě při probíhání animace element s textem překryje menu. A já netuším proč.

Dělá to vlastně toto:
http://jsfiddle.net/6VyHh/

Nevěděl by si s tím někdo rady? :D

Editováno 9.3.2014 0:13
 
Odpovědět
9.3.2014 0:13
Avatar
KleoCZ
Člen
Avatar
Odpovídá na Matyáš Procházka
KleoCZ:11.3.2014 17:35

Zdar ... nevím jestli jsem pořádně vstřebal co jsi potřeboval, ale jenom jsem animaci přehodil na "záhlaví" ... http://jsfiddle.net/6VyHh/1/

Jestli to chceš jinak, tak napiš proces v bodech

  1. co,
  2. kdy,
  3. za co

se má změnit (já ti pak řeknu za kolik ;) )

Nahoru Odpovědět
11.3.2014 17:35
Apeluji na všechny co odpovídají na dotazy, tak pokud je to jen trochu možné dávejte rovnou reálná řešení třeba v htt...
Avatar
Matyáš Procházka
Člen
Avatar
Odpovídá na KleoCZ
Matyáš Procházka:11.3.2014 19:17

Ná já potřebuju :D aby když jede ta animace opacity, aby nepřekrývala to menu, ale zůstala v pozadí :D

 
Nahoru Odpovědět
11.3.2014 19:17
Avatar
KleoCZ
Člen
Avatar
Odpovídá na Matyáš Procházka
KleoCZ:11.3.2014 19:39

Tomu fakt nerozumím ... takže má zůstat pod tím černým navem ??? V tom bych neviděl vůbec logiku ... napiš to opravdu bod po bodu ... co kdy má co dělat ;) jinak se nedá sloužit.

Nahoru Odpovědět
11.3.2014 19:39
Apeluji na všechny co odpovídají na dotazy, tak pokud je to jen trochu možné dávejte rovnou reálná řešení třeba v htt...
Avatar
Matyáš Procházka
Člen
Avatar
Odpovídá na KleoCZ
Matyáš Procházka:11.3.2014 19:45

http://jsfiddle.net/6VyHh/2/

Za normálních okolností je ten div s textem "dddddd" za tím "menu", což můžeš vidět, když se dokončí animace pro opacity: 1... Jenže pokud u toho prvku běží animace, která něco provádí s jeho opacity... tak překryje všechny prvky a vystoupí na povrch, což já nechci. Já chci, aby byl stále za tím menu.

 
Nahoru Odpovědět
11.3.2014 19:45
Avatar
KleoCZ
Člen
Avatar
Odpovídá na Matyáš Procházka
KleoCZ:11.3.2014 20:03

Omlouvám se, ale jsu asi natvrdlý ... dávám poslední návrh ... protože jsem to "ddddd" nemohl vidět jak pulzuje za černým pozadím ... doplnil jsem si vlastní model ... provedení je přes z-index ;) ... jestli ani to není ono, tak prosím tě, až na to přijdeš, tak semka nahraj řešení, ať vím co jsi vlastně myslel :)

http://jsfiddle.net/6VyHh/3/

S pozdravem Kleo ;)

Nahoru Odpovědět
+1
11.3.2014 20:03
Apeluji na všechny co odpovídají na dotazy, tak pokud je to jen trochu možné dávejte rovnou reálná řešení třeba v htt...
Avatar
Matyáš Procházka
Člen
Avatar
Odpovídá na KleoCZ
Matyáš Procházka:11.3.2014 21:14

Díky za snahu :D
Ale jinak... Vidíš tam takovej černej obdélnék s třemi nápisy "sekce"?
Tak a v něj je bílej obdélník s nápisem "dddddd", kterej postupně víc a víc bělá (Má větší a větší opacity)... Tak v jeden okamžik, když je ten obdélník skoro úplně neprůhlednej (tedy opacity=1), tak zmizí... a poté se zase objeví a je čím dál víc průhlednější? Děje se ti tohle...? :D

 
Nahoru Odpovědět
11.3.2014 21:14
Avatar
Matyáš Procházka
Člen
Avatar
Odpovídá na KleoCZ
Matyáš Procházka:11.3.2014 21:25

Ajjj, tak přesně tohle jsem myslel.... Díky moc ;)

 
Nahoru Odpovědět
11.3.2014 21:25
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 8 zpráv z 8.