YouTube動画でアニメーションを作ろうとしています。問題は、フラッシュがアクティブ化されていない場合はすべて正常に動作しますが、フラッシュをアクティブ化すると、div がビデオの下に表示され、表示されないことです。z-index を使用しようとしましたが、うまくいきません。以下に説明するビデオをいくつか示します。
アニメーションは次のようになります: https://mega.co.nz/#!iVNExIxL!X_kxDWHtIPChRNz-Mef_KQ499QEluuc0rR-FHTYjUN0
フラッシュを有効にすると、これが発生します: https://mega.co.nz/#!fZk03J6D!KbY6CT7KTWnOg4a42K-UQx7vGGNxZ1zinaZnI8IpkmE
使用されるコードは次のとおりです。
#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;}
}
ありがとう。