css3技术

IE6、IE7绝对定位与链接问题研究_div+css布局教程

字号+ 作者:H5之家 来源:H5之家 2015-09-20 09:48 我要评论( )

IE6、IE7绝对定位与链接问题研究,学习IE6、IE7绝对定位与链接问题研究,IE6、IE7绝对定位与链接问题研究,查看IE6、IE7绝对定位与链接问题研究,今天做了FLASH上加

  今天做了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 css xhtml xml Example Source Code

Example Source Code []

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

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评