IE6、IE7绝对定位与链接问题研究-CSS布局实例

您当前所在位置：首页 → 网络编程 → DIVCSS → IE6、IE7绝对定位与链接问题研究-CSS布局实例

IE6、IE7绝对定位与链接问题研究-CSS布局实例 时间：2015/6/28来源：IT猫扑网作者：网管联盟我要评论(0): 今天做了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的块效果是有效的，但假如定义为透明仍然没有效果。最后只好做罢，使用透明图片好了！
关键词标签：研究,布局,实例,问题,

相关阅读

文章评论

查看所有0条评论>>

热门文章 DIV+CSS网页布局常用的一些基础知识整理