Chrome浏览器中z-index和Flash的特定问题

3

我正在尝试让一个绝对定位的DIV显示在Flash对象的前面;我可以在除Chrome之外的所有浏览器中实现这一点。

这里有几个类似的问题,但没有涉及到Chrome特别的问题。我已经尝试了几个建议的解决方案,例如将“wmode”参数设置为“透明”,并为Flash对象和div设置z-index,但似乎没有什么作用。

要查看此操作:

www.mapcrunch.com

在街景全景图像的前面应该出现一些绿色文字:“点击这里开始”。在Chrome中,您可以看到DIV出现在正确的位置,但随后被Flash对象覆盖,这个问题使我抓狂了,非常感谢您的任何建议。
1个回答

4

其实,您看过其他可用的“wmode”吗?我想还有一个“normal”值,如果我记得正确的话,它会将Flash对象设置在当前容器中的一个图层上(像它应该的那样: P)。

因此,只需确保它在自己的DIV标签内,并且也设置了z-index。

HTML Flash嵌入不是我每天都做的事情(在Chrome中测试得更少),但希望这能为您提供一些启示。


1
有三种wmods - 窗口(默认)、不透明和透明。后两者使Flash对象成为文档中正常显示顺序的一部分,因此使用这些z-index可以正常工作。 - Martin
啊,是的...我在想,不透明的。谢谢! - chamberlainpi
谢谢回复。我已经尝试了不透明和透明两种方式(虽然,我只能在 Flash 对象加载后通过 JavaScript 设置这些选项 - 或许这太晚了?) - Nick
嗯,一旦加载完成可能就太晚了(只是猜测)。 - chamberlainpi
我在使用Chrome时遇到了同样的问题。在内容加载之前将wmode设置为opaque可以解决它。 - JeremyFromEarth
我在使用Chrome时遇到了同样的问题,但只是在升级到7+版本后才出现的。在Chrome 6中,似乎完全没有任何wmode设置也可以正常工作。例如,这个页面http://www.cooper.com/journal/2010/10/making_it_suck.html曾经可以在Flash内容上显示topnav... - antonj

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接