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

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

IE6、IE7绝对定位与链接问题研究-CSS布局实例 时间：2015-06-28 00:00 来源：IT猫扑网|http://www.itmop.com/ 作者：网管联盟 我要评论(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网页布局常用的一些基础知识整理