• 博客园Logo
  • 首页
  • 新闻
  • 博问
  • 专区
  • 闪存
  • 班级
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 简洁模式 ... 退出登录
    注册 登录
新能源汽车行业用户产品设计
新能源汽车行业、面向C端用户的产品设计
博客园    首页    新随笔       管理     

用div盖住flash的另类实用办法

本例子中,是用超链接的A标签来盖住flash,但是没有关系,任何标签都可以。重点是:不要用a标签包住flash,而是通过绝对定位的方式,将它定位flash之上(必要的时候,可以使用z-index属性)。因为要使用定位,所以将a标签和flash至于一个div中是有必要的。参考代码如下(重要的代码已经用红色标注)

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

<div style="position:relative;">
<a target="_blank" href="http://justinyoung.cnblogs.com/" 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="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" 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="http://www.macromedia.com/go/getflashplayer" quality="high" src="hgjenglsih.swf" wmode="transparent" />
</object>
</div>

经测试:IE6-9,Chrome、Firefox、Opera浏览器下ok!

2010-12-01 10:22:39 补充:IE下会发现a连接还是不能点击,只能点击a的border部分。这时候,只要给a加一个透明的背景图即可。

posted @ 2010-11-10 17:18  阿一(杨正祎)  阅读(5272)  评论(8)  编辑  收藏  举报
刷新评论刷新页面返回顶部
Copyright © 2022 阿一(杨正祎)
Powered by .NET 6 on Kubernetes