首页前端开发HTML浏览器跨平台使用div等标签盖住flash的另类实用解决方法

浏览器跨平台使用div等标签盖住flash的另类实用解决方法

时间2024-01-24 02:22:27发布访客分类HTML浏览543
导读:收集整理的这篇文章主要介绍了浏览器跨平台使用div等标签盖住flash的另类实用解决方法,觉得挺不错的,现在分享给大家,也给大家做个参考。 重点是:不要用a标签包住flash,让a标签和flash是兄弟关系。然后通过绝对定位的方式...
收集整理的这篇文章主要介绍了浏览器跨平台使用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
div 的边框显示不同效果示例代码 css实现随鼠标移动div渐变色效果

游客 回复需填写必要信息