将层定义在FLASH上(例如在FLASH上定义小导航)

有时候需要在FLASH上面定义层来放一些内容,例如在FLASH上面放置小导航,可以用position 配合z-index来达到效果。

定义一个DIV(放置FLASH),position设置为relative,再定义一个要放置小导航的DIV,将该DIV放到第一个DIV

中,position设置为绝对定位,然后改层就会以第一个DIV为参照,通过 top,right,bottom,left来调整位置,再设置z-index

就可以做到了。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="textml; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css"> 
html{overflow:auto;}
html,body{margin:0;padding:0;}
body{
 margin:0;
 padding:0;
 font-size:62.5%;
 background:black;
}
.clearfix:after{
 content:".";
 height:0;
 display:block;
 clear:both;
 visibility:hidden;
}

 /*放置FLASH的层*/
#flash
{
    position:relative;  
    width:800px;
    height:200px;
    margin:0 auto;
    background:orange;
}

/*小导航*/
#subNav
{
    position:absolute;
    width:300px;
    height:18px;
    right:0;
    top:0;
    z-index:10;
    overflow:hidden;
    background:red;
}
</style>
</head>

<body>
  <div id="flash">
   <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase=      "http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"
   width="800" height="200">
      <param name="movie" value="---Flash路径---" />
      <param name="quality" value="high" />
   <param name="wmode" value="transparent" /> 
      <embed src="banner_flash.swf" quality="high" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="800" height="200"></embed>
    </object>
 <div id="subNav">FLASH上的元素,绝对定位,根据TRBL调整位置</div>
  </div>
 
</body>
<html>

posted @ 2009-11-04 10:35  ._  阅读(328)  评论(0编辑  收藏  举报