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
Post a Comment