Javascript 在闪光物体上方显示图像
我在这里面临一个棘手的情况…这就是问题…Javascript 在闪光物体上方显示图像,javascript,css,flash,Javascript,Css,Flash,我在这里面临一个棘手的情况…这就是问题…我有一个flash对象,我想在上面显示一个图像这些是我尝试过的技巧…1.玩z-index(没有用)2.将wmode参数设置为透明/不透明(同样没有用)3.使用javascript并仅在加载页面后显示图像(仍然没有用)我试着用谷歌搜索,但没有找到解决办法:(提前谢谢 更新我正在使用的代码 <div style="position:absolute; top:0px; z-index:-2000;"> <
我有一个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=“不透明”
已完成所有可能的建议…请帮助..当您使用z索引时,请确保两者(img和flash对象)的CSS位置都设置为相对或绝对:
.imgAboveFlash {
position: relative;
z-index: 10; /* higher than that of flash object */
}
并将flash对象的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>
确保父元素将其位置设置为相对我在CSS中创建了一个html菜单下拉列表,并且Flash对象始终位于每个下拉列表的顶部
<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>
下面是我所做的。将Flash wmode设置为不透明
对于您的情况,请将flash对象wmode设置为不透明,并为图像提供高于flash对象z索引的z索引(尝试1000以“保证”更高的位置)。我猜您的代码在IE中运行良好,但在FF中不起作用-同时在
嵌入中添加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"
/>
更新:
我知道wmode是一个或另一个,我选错了。我不应该回答睡眠不足的问题。我现在已经检查过了,wmode设置为透明是你想要的。它允许你将HTML元素放在Flash对象之上
其次,嵌入Flash标准的友好方式,并使用
首先试着在你的闪光灯上放一个颜色鲜艳的div来做测试。另外,也许可以把图像代码移到闪光灯上方,看看效果如何
最后,要使代码正常工作所需的一切,正如K Prime所提到的,就是在嵌入标记中将wmode设置为transparent
<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>
像上面一样将wmode设置为透明,但将您的内容放入iframe。这正好解决了我的问题:您可能想将“上面”改为“前面”或者类似的东西。是的…闪光灯前面的图像..与透明/不透明的wmode结合使用?你应该同时这样做,使用不透明的wmode你会获得最大的成功。设置绝对定位元素的宽度和高度?你在哪个浏览器中测试它?在firefox和ie中测试..是的现在只使用一个div而不是一个图像进行测试…div有特定的宽度和高度..哇…非常有用…但在firefox中无法正常工作(否,将wmode设置为透明不会强制Flash对象顶部。要在Flash Player前面显示图像或任何HTML,您需要将wmode设置为不透明或透明。wmode transparent还将在Flash对象的空白部分后面显示HTML,而不透明将显示Flash对象的背景色,隐藏后面的任何内容Flash对象。省略wmode参数(使用默认的wmode“窗口”)将使Flash Player接管屏幕该部分的渲染,浏览器无法在该区域渲染任何其他内容(在大多数浏览器中).是的,我知道它是如何工作的,它是做什么的,我只是弄错了它是在默认设置下还是在透明设置下这样做的。修改了答案,这样他就不会被误导了。谢谢。我不确定我是否完全理解你的意思。但是当我尝试上面的方法时,它根本不起作用…flash对象没有显示。!!ZX12R-我的意思是,只要更改嵌入
部分代码,并保留对象
位