在 Flash 对象上方显示图像

Question

我在这里遇到了一个棘手的情况...这就是问题所在...
我有一个要在其上显示图像的 flash 对象
这些是我尝试过的技巧...1. 玩 z-index（没用）
2. 将 wmode 参数设置为透明/不透明（再次没用）
3. 使用 javascript 并仅在页面加载后显示图像（仍然没有使用）
我尝试谷歌搜索但没有找到解决方案..:(
提前致谢

更新-我正在使用的代码

        <div style="position:absolute; top:0px; z-index:-2000;">
            <object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj1" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="176" height="146">
                <param name="movie" value="sample.swf" />
                <param name="wmode" value="transparent" />
                <param name="quality" value="High" />
                <param name="menu" value="false" />
                <embed src="sample.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" menu="false" width="176" height="146" />
            </object>
        </div>
        <div style="position:absolute; top:0px; z-index:2000;">
            <img src="Logo.gif" alt="" />
        </div>

也试过 value="opaque"
已完成所有可能的建议...请帮助..

Answer 1

更新： 我知道关于 wmode 要么是一个，要么是另一个，但我选错了。不应该回答睡眠不足的问题。我现在已经检查过了，wmode 设置为透明 你想要什么。它允许您将 HTML 元素置于 Flash 对象之上。

其次，以标准友好的方式嵌入Flash，并使用swfobject。

首先尝试在 Flash 上叠加一个颜色鲜艳的 div 进行测试。另外，也许将图像代码移到 Flash 上方，看看效果如何。

最后，让您的代码工作所需的一切，正如 K Prime 上面提到的，在您的嵌入标签中也将 wmode 设置为透明。。 p>

<div style="position:absolute; top:0px; z-index:-2000;">
    <object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj1" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="176" height="146">
        <param name="movie" value="/Images/WordOfLife.swf" />
        <param name="wmode" value="transparent" />
        <param name="quality" value="High" />
        <param name="menu" value="false" />
        <embed src="/Images/WordOfLife.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" wmode="transparent" menu="false" width="176" height="146" />
    </object>   
</div>

<div style="position:absolute; top:0px; z-index:2000;">
    <img src="Logo.gif" alt="" />
</div>

Answer 2

我猜你的代码在 IE 中运行良好，但在 FF 中不行 - 也可以在 embed 中添加一个 wmode 参数：

<embed 
    src="/Images/WordOfLife.swf" 
    pluginspage="http://www.macromedia.com/go/getflashplayer" 
    type="application/x-shockwave-flash" 
    name="obj1" 
    menu="false" 
    width="176" 
    height="146"  
    embed="transparent"
/>

Answer 3

我完全用 CSS 做了一个 HTML 菜单下拉菜单，Flash 对象总是在每个下拉菜单的顶部。

所以，这就是我所做的。将 Flash wmode 设置为不透明。

对于您的情况，将 flash 对象 wmode 设置为不透明，并为图像提供高于 flash 对象 z-index 的 z-index（尝试 1000 以“保证”更高的位置）。

Answer 4

当您使用 z-index 时，请确保两者（img 和 flash 对象）的 CSS 位置都设置为相对或绝对：

.imgAboveFlash {
    position: relative;
    z-index: 10; /* higher than that of flash object */
}

并将 flash 对象的 wmode 设置为 opaque。

确保 父 html 元素的 位置设置为相对。

Answer 5

像上面一样将 wmode 设置为透明，但将您的内容放入 iframe。刚刚解决了我的问题：http://argyleink.com/dieantsdie/