在flash对象上方显示图像

时间:2010-02-05 06:52:00

标签: javascript css flash

我在这里遇到了一个棘手的情况......这就是问题......我有一个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”
已经做了所有可能的建议......请帮助..

5 个答案:

答案 0 :(得分:6)

<强>更新 我知道这是关于wmode的一个或另一个,我选错了。不应该回答一个患有睡眠剥夺的问题。我现在已经检查过了,并且wmode设置为透明你想要的。它允许您将HTML元素放在Flash对象上面。

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

尝试首先在Flash上​​分层颜色鲜艳的div进行测试。此外,也许将图像代码移到Flash上​​方,看看情况如何。

最后,正如上面提到的K Prime所提到的,使代码工作所需的一切 在您的嵌入代码中将wmode设置为透明

<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>

答案 1 :(得分:1)

我猜你的代码在IE中工作得很好,但在FF中却没有 - 在你的wmode中添加embed个参数:

<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"
/>

答案 2 :(得分:0)

使用z-index时,请确保两者(img和flash对象)的CSS位置设置为相对或绝对:

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

将flash对象的 wmode 设置为不透明

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

答案 3 :(得分:0)

我在CSS中完成了一个HTML菜单下拉列表,Flash对象始终位于每个下拉列表的顶部。

所以,这就是我所做的。使Flash wmode变为不透明。

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

答案 4 :(得分:0)

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