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

今天做了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的块效果是有效的，但如果定义为透明仍然没有效果。最后只好做罢，使用透明图片好了！

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有