用户名: 密码: 验证码:           网站地图 高级搜索 RSS订阅 收藏本站
Google
您的位置:首页>>系统应用>>网络技巧>>阅读资讯:IE6,IE7中如果定义了绝对定位与链接的问题研究

IE6,IE7中如果定义了绝对定位与链接的问题研究

[ 来源: | 阅读:次 | 更新日期:2007-9-13 22:52:34 | 评论 0 条 | 我要投稿 ]

今天做了FLASH上加入一个链接的效果,通常情况下这种事应该改一下FLASH原文件就可以,但在特殊情况下需要我们加入一个层然后加入一个链接的方法实现。

www.yueluo.net

先简单说一下实现这种效果的一般方法:

www.yueluo.net

建好一个块模型DIV,然后放入两个子元素DIV,一个用来放FLASH,另一个用来放那个层(层内有一个链接用来点击,并且点击面积与FLASH相同)点击层我们用绝对定位的方法,在层内的那个链接要放入一个透明的GIF,或PNG图写入宽度,高度与FLASH同。父元素DIV记得加入相对定位。

月落网

FLASH中的处理是

字串8

<param name="wmode" value="transparent">(FOR IE)
<embed wmode="transparent" ...>(FOR FF)

www.yueluo.net

示例:(注意!些代码省去了不相关的FLASH代码,实际应用中要加完整代码)

字串6

<div style="position:relative;">
<div style="position:absolute;left:0; top:0; width:450px; height:400px; display:block; z-index:2;">
<a href="#"><img src="space.gif" /></a>
</div>
<object>
  <param name="wmode" value="transparent">
  <embed wmode="transparent">...<embed>
</object>
</div>
<div style="position:relative;">
<div style="position:absolute;left:0; top:0; width:450px; height:400px; display:block; z-index:2;"><a href="#"><img src="space.gif" /></a></div>
<object>
  <param name="wmode" value="transparent">
  <embed wmode="transparent">...<embed>
</object>
</div> yueluo.net

但我们一般会想为什么不直接定义A为块元素,设置高与宽不得可以了吗?但事实IE并不能如你所愿,如果这么定义了样式,在FF中是可以的(Opera做的事与和IE一样),发现如果定义了A的背景色的情况下A的块效果是有效的,但如果定义为透明仍然没有效果。最后只好做罢,使用透明图片好了!

月落网


Tags:IE6,IE7,绝对定位,链接
责任编辑:
您的评论
用户名:新注册) 密码: 匿名评论 [所有评论]

·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为