IE6、IE7绝对定位与链接 问题研究

 

本文摘要：今天做了FLASH上加入一个链接的效果，通常情况下这种事应该改一下FLASH原文件就可以，但在特殊情况下需要我们加入一个层然后加入一个链接的方法实现。 Tag: 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> 　　但我们一般会想为什么不直接定义A为块元素，设置高与宽不得可以了吗？但事实IE并不能如你所愿，如果这么定义了样式，在FF中是可以的（Opera做的事与和IE一样），发现如果定义了A的背景色的情况下A的块效果是有效的，但如果定义为透明仍然没有效果。最后只好做罢，使用透明图片好了！