如何将HTML内容放置在Flash电影上方？ [英] How do I place HTML content above a Flash movie?

问题描述

我正在开发的网站拥有Flash标题（使用 swfobject 嵌入它们） ）。

A site I'm working on has Flash headers (using swfobject to embed them). Now I'm required to code in a bit of HTML that's supposed to overlap the Flash movie.

我已经尝试在Flash元素的容器上设置z-index，并且（绝对定位）div，但它在Flash电影后面消失。

I've tried setting z-index on the Flash element's container and the (absolutely positioned) div but it keeps "vanishing" behind the Flash movie.

我希望有一个CSS解决方案，但如果有一点JS魔法会做的伎俩，我会为它。

I'm hoping for a CSS solution, but if there's a bit of JS magic that will do the trick, I'm up for it.

更新：感谢，设置wmode为transparent大多固定它。只有Safari / Mac仍然隐藏在闪光灯后面的第一次展示。当我切换到另一个应用程序，它会在前面。我可以通过设置div的初始样式为 display：none; ，并使其在页面加载后半秒钟可见通过修复。

Update: Thanks, setting wmode to "transparent" mostly fixed it. Only Safari/Mac still hid the div behind the flash on first show. When I'd switch to another app and back it would be in front. I was able to fix this by setting the div's initial styles to display: none; and make it visible via JS half a second after the page has loaded.

推荐答案

确保FlashVarwmode设置为透明或不透明，但不是默认，窗口你应该能够使用CSS z-index

Make sure the FlashVar "wmode" is set to "transparent" or "opaque," but NOT the default, "windowed"... then you should be able to use CSS z-index

这篇关于如何将HTML内容放置在Flash电影上方？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！