精彩专题推荐:建站之入门课 建站之必修课 建站之关键课 网站价值所在 流量提高专题 css+div 标准 个人网站打造全过程
返回建站学首页
导航:
建站首页 | 网站设计 | 网站开发 | 网站运营 | 网页软件 | 建站指南 | 搜索优化 | 图像处理 | 视频教程 | 书籍教程 | 建站专题
当前位置:首页>网站设计>html/xhtml教程>正文

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


来源:不详 时间:07-09-13 点击: 点击这里收藏本文

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


  把此文章收藏到:          
广而告之
文章搜索
  • Google JZxue.Com

关于我们 | 联系我们 | 友情链接 | 网站地图
Copyright © 2005 - 2006 建站学 All rights reserved.