闪光灯上的不透明度不起作用

Question

我正在尝试在YouTube视频上制作动画。问题是，当flash未激活时，一切正常，但当我激活flash时，div在视频下方，你看不到它。我试图使用z索引，但它不起作用。这里有一些视频来说明:

动画应该是这样的:https://mega.co.nz/#!iVNExIxL!X_kxDWHtIPChRNz-Mef_KQ499QEluuc0rR-FHTYjUN0

这发生在激活flash: 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;}
}

谢谢。

Answer 1

当您在页面上嵌入Flash对象时，您需要为wmode参数指定opaque。wmode另一个可能相关的值是transparent。你可以在这里阅读。这两种方法都允许你在Flash应用程序的上面或后面分层。

注意，使用这些wmode值使Flash不得不更加努力地工作。它还可能暴露某些浏览器中的问题，如果这是一个问题，它将破坏Flash应用程序的可访问性。我不是要提醒你，这些bug通常都是小问题，你可能不会注意到任何性能问题，除非你在做火箭科学研究。