如何将HTML内容放在Flash电影上方?
时间:2020-03-06 14:37:26 来源:igfitidea点击:
我正在工作的网站具有Flash标头(使用swfobject嵌入标头)。现在,我需要编写一些应该与Flash电影重叠的HTML代码。
我试过在Flash元素的容器和(绝对定位的)div上设置z-index,但它在Flash电影后面一直"消失"。
我希望有一个CSS解决方案,但是如果有一些JS魔术可以解决问题,那么我会全力以赴。
更新:谢谢,将wmode设置为" transparent"主要解决了该问题。在首场演出中,只有Safari / Mac仍将div隐藏在闪光灯后面。当我切换到另一个应用程序并返回时,它将位于前面。我可以通过将div的初始样式设置为" display:none;"来解决此问题,并在页面加载后半秒钟通过JS使其可见。
解决方案
确保FlashVar的" wmode"设置为"透明"或者"不透明",而不是默认的"窗口式" ...那么我们应该能够使用CSS z-index
后续注:正如我们在更新中所发现的那样,使HTML显示在Flash顶部目前是一个挑剔的建议,即使我们发现了JS魔术,我们也应该期望Flash会使用-浏览器,旧版本等。
如果吸引任意数量的浏览用户对我们来说很重要(例如,移动设备),那么从长远来看,重新设计内容以避免重叠可能会为我们带来麻烦。
放
像这样的Flash变量
s1.addParam("wmode","transparent");
然后
在div标签中使用此样式
style="z-index:inherit;
该问题将得到解决。
就像史蒂夫·保罗(Steve Paulo)所说的那样,当位于Flash顶部的HTML调用更多的Flash时,就会成为有趣的部分。
哦,这很有趣,它涉及到将z索引设置为实际上更低的值,以考虑到以为是蜜蜂的膝盖,因此必须始终位于最上方。