网页教学网
 当前位置: 网页教学网 >> 网页制作 >> CSS技术应用 >> IE6,IE7中如果定义了绝对定位与链接的问题研究
[ HTML ] [ FW ] [ DW ] [ FP ] [ JS ] [ XML ] [ CSS ] [ 图象 ] [ FLASH ] [ .NET ] [ ASP ] [ JSP ] [ PHP ] [ 数据 ] [ 系统 ] [ 安全 ] [ 素材 ] [ 建站 ] [ 主机 ] [ 入门 ] [ 技巧 ]

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

http://www.webjx.com  更新日期:2007-09-12 19:56  出处:网页教学网  作者:Purecss

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

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

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

FLASH中的处理是

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

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

<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>

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

关键词:网页制作,CSS,定位
推荐给好友】【关闭】【收藏本文
最新五条评论
查看全部评论
评论总数 0
您的评论
用户名: 新注册) 密 码: 匿名:
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为