山海科技发展网

09月06日科技常识:浏览器跨平台使用div等标签盖住flash的另类实用解决方法

导读 摘要 今天小编跟大家讲解下有关浏览器跨平台使用div等标签盖住flash的另类实用解决方法 ,相信小伙伴们对这个话题应该有所关注吧,小编也...
摘要 今天小编跟大家讲解下有关浏览器跨平台使用div等标签盖住flash的另类实用解决方法 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到

今天小编跟大家讲解下有关浏览器跨平台使用div等标签盖住flash的另类实用解决方法 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关浏览器跨平台使用div等标签盖住flash的另类实用解决方法 的相关资料,希望小伙伴们看了有所帮助。

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

复制代码代码如下:<div style="position:relative;"><a target="_blank" href="https://www.aidi.net.cn//css/<a href="http://justinyoung.cnblogs.com/">http://justinyoung.cnblogs.com/</a>" style="display:block;width:200px;height:50px;position:absolute;left:0;top:0;background:transparent url('/images/toumingtupian.gif') no-repeat;"></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="https://www.aidi.net.cn//css/hgjenglsih.swf" wmode="transparent" /></object></div>

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

来源:爱蒂网