Flash上的不透明度不起作用

Question

我正在尝试通过YouTube视频制作动画。问题是，当闪光灯没有激活时，一切正常，但当我激活闪光灯时，div位于视频a下方，你看不到它。我试着使用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;}
}

谢谢。

Answer 1

在页面上嵌入wmode对象时，需要为Flash参数指定opaque。wmode的另一个可能相关的值是transparent。你可以在here上读到他们的相关信息。这两个都允许你在Flash应用程序的顶部或后面进行分层。

请注意，使用这些Flash值会让wmode更加努力。它还可以暴露一些浏览器中的问题，如果这是一个问题，它将破坏Flash应用程序中的可访问性。我并不想惊扰您，这些bug通常是最常见的情况，除非您正在做火箭科学，否则您可能不会注意到任何性能问题。