浏览器跨平台使用div等标签盖住flash的另类实用解决方法
重点是:不要用a标签包住flash,让a标签和flash是兄弟关系。然后通过绝对定位的方式,将它定位flash之上(必要的时候,可以使用z-index属性)。因为要使用定位,所以将a标签和flash至于一个div中是有必要的。参考代码如下(重要的代码已经用红色标注):
复制代码代码如下:
div style="posITion:relative;
">
a target="_blank" href="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="hgjenglsih.swf" wmode="transparent" />
/object>
/div>
经测试:IE6-9,Chrome、Firefox、opera浏览器下ok!
IE下会发现a连接还是不能点击,只能点击a的border部分。这时候,只要给a加一个透明的背景图即可。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: 浏览器跨平台使用div等标签盖住flash的另类实用解决方法
本文地址: https://pptw.com/jishu/584910.html