IE6、IE7绝对定位与链接问题研究_DIV+CSS实例

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!

 

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

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

  FLASH中的处理是:
  <param name="wmode" value="transparent">(FOR IE)
  <embed wmode="transparent" ...>(FOR FF)

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

示例代码 [www.mb5u.com]
<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的块效果是有效的,但假如定义为透明仍然没有效果。最后只好做罢,使用透明图片好了!

来源:无忧整理//所属分类:DIV+CSS实例/更新时间:2007-09-14
相关DIV+CSS实例