WEB开发网
开发学院图形图像Flash 用div挡住flash,给flash加上链接 阅读

用div挡住flash,给flash加上链接

 2010-09-29 10:17:07 来源:WEB开发网   
核心提示: 要想具有<a href...>的所有原生特性,最完美的方法应该就是用一个透明的<a href=...>链接盖住flash,最终我们采用了以下的代码,用div挡住flash,给flash加上链接(2),用一张大透明图链接盖住flash,将flash放到了一个zinde

要想具有<a href...>的所有原生特性,最完美的方法应该就是用一个透明的<a href=...>链接盖住flash,最终我们采用了以下的代码,用一张大透明图链接盖住flash。

将flash放到了一个zindex为-1的层中,同时设置了wmode属性(代码中的 wmode="transparent" 和<param name="wmode" value="transparent">分别在firefox和ie下起作用)。

masker层是用来挡住flash所在层的,margin-top用到定位。blank.gif是一个透明的图片。效果如下所示

用div挡住flash,给flash加上链接

图片看不清楚?请点击这里查看原图(大图)。

title,鼠标手形均正常

 1<div style="z-index:-1">
 2    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="468" height="60">
 3        <param name="movie" value="**.swf">
 4        <param name="quality" value="high">
 5        <embed src=http://tech.ddvip.com/2009-06/"*.swf" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="468" height="60"></embed>
 6        <param name="wmode" value="transparent">
 7    </object>
 8</div>
 9<div id="masker" style="cursor: hand; margin-top:-60px; width:468px; height:60px; z-index:1; visibility: visible;"><a href="http:www.youiyou.net"><img src=http://tech.ddvip.com/2009-06/"blank.gif" width="468" height="60" border="0" /></a></div></div>
10

文章来源:http://www.cnblogs.com/dbgeng/

上一页  1 2 

Tags:div 挡住 flash

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接