visibility - Opacity over Flash doesn't works -


i'm trying make animation on youtube video. problem when flash not activated, works fine, when activate flash, div goes below video can't see it. tried use z-index, doesnt works. here videos ilustrate:

this how animations should look: https://mega.co.nz/#!ivnexixl!x_kxdwhtipchrnz-mef_kq499qeluuc0rr-fhtyjun0

and happens when activating flash: https://mega.co.nz/#!fzk03j6d!kby6ct7ktwnog4a42k-uqx7vggnxz1zinazni8ipkme

here code used:

#div { left:698px; top:65px; width:320px; height:390px; visibility:visible; animation:open 6s reverse ease-in; } @keyframes open { 0% {left:698px;opacity:0;visibility:collapse;} 50% {left:338px;opacity:1;visibility:visible;} 100% {left:698px;opacity:0;visibility:collapse;} } 

thanks.

you need specify opaque wmode parameter when embed flash object on page. other value wmode might relevant transparent. can read them here. both of these allow layer things on top of or behind flash app.

note, using these wmode values makes flash have work harder. can expose issues in browsers, , break accessibility in flash app if concern. don't mean alarm you, bugs corner cases , won't notice performance issues unless you're doing rocket science.


Comments

Popular posts from this blog

how to insert data php javascript mysql with multiple array session 2 -

multithreading - Exception in Application constructor -

windows - CertCreateCertificateContext returns CRYPT_E_ASN1_BADTAG / 8009310b -