IE6、IE7绝对定位与链接问题研究_DIV+CSS实例
教程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>
<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实例:
- 相关链接:
- 教程说明:
DIV+CSS实例-IE6、IE7绝对定位与链接问题研究。