将层定义在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>