我正在尝试通过YouTube视频制作动画。问题是,当闪光灯未激活时,一切正常,但是当我激活闪光灯时,div会低于视频,你无法看到它。我试图使用z-index,但它不起作用。以下是一些说明的视频:
这就是动画的外观: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;}
}
感谢。
答案 0 :(得分:0)
在页面上嵌入Flash对象时,需要为opaque
参数指定wmode
。 wmode
可能相关的另一个值是transparent
。你可以阅读它们here。这两种方法都允许您在Flash应用程序的顶部或后面对事物进行分层。
请注意,使用这些wmode
值会使Flash必须更加努力。它还可以在某些浏览器中暴露问题,如果这是一个问题,它将破坏Flash应用程序中的可访问性。不要意味着要警告你,这些错误往往是极端情况,你可能不会注意到任何性能问题,除非你正在做火箭科学。