论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > div+css布局教程
Tag:css,入门,技巧,div,实例,示例,菜单,布局,web2.0,ul,li,经验,列表,web标准,xhtml,web标准,浏览器,兼容,css hack,表格,视频教程

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

文章类别:div+css布局 | 发表日期:2008-9-26 10:44:38

  今天做了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 [www.21shipin.com]
<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的块效果是有效的,但假如定义为透明仍然没有效果。最后只好做罢,使用透明图片好了!
视频教程列表
文章教程搜索
 
div+css推荐教程
div+css热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058