如何解决浏览器跨平台使用div等标签盖住flash

本篇内容介绍了“如何解决浏览器跨平台使用div等标签盖住flash”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

重点是：不要用a标签包住flash，让a标签和flash是兄弟关系。然后通过绝对定位的方式，将它定位flash之上（必要的时候，可以使用z-index属性）。因为要使用定位，所以将a标签和flash至于一个div中是有必要的。参考代码如下（重要的代码已经用红色标注）：

代码如下:

<div >
<a target="_blank" href="<a href="http://justinyoung.cnblogs.com/">http://justinyoung.cnblogs.com/</a>" ></a>
<object width="200" height="50" codebase="<a href="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0">http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0</a>" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" >
<param value="hgjenglsih.swf" name="movie"/>
<param value="high" name="quality"/>
<param name="wmode" value="opaque" />
<embed width="200" height="50" type="application/x-shockwave-flash" pluginspage="<a href="http://www.macromedia.com/go/getflashplayer">http://www.macromedia.com/go/getflashplayer</a>" quality="high" src="hgjenglsih.swf" wmode="transparent" />
</object>
</div>

经测试：IE6-9，Chrome、Firefox、Opera浏览器下ok！
IE下会发现a连接还是不能点击，只能点击a的border部分。这时候，只要给a加一个透明的背景图即可。

“如何解决浏览器跨平台使用div等标签盖住flash”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注亿速云网站，小编将为大家输出更多高质量的实用文章！