加入收藏 设为首页 联系站长
WEB2.0教程 | CSS教程 | HTML教程 | 设计素材 | CSS 模板 | CSS酷站欣赏 | CSS布局实例 | Javascript | 建站代码 | 专业软件 | 常见问题 | 内容搜索
>首页 -> Javascript -> Javascript教程

TOP

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

[ 录入者:admin | 时间:2007-12-24 02:25:57 | 作者: | 来源: | 浏览:56次 ]

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

[上一篇]css+javascript 图片自动同比例缩.. [下一篇]JavaScript触发器

评论

称  呼:
内  容:

相关栏目

最新文章

热门文章

推荐文章

相关文章

推荐浏览

中国百度网
安徽皖一月嫂家政
犯罪现场