CSS让DIV层浮动到flash上面的实例

发布时间:2020-02-15编辑:脚本学堂
文中讲述如何让DIV层浮动到flash上面,方法简单,学习中的朋友不能错过。

如何让DIV层浮动到flash?

方法就是:
给flash添加透明参数。

核心代码:
name="wmode" value="transparent" 就是用来让flash透明的。
透明flash也是这样做的,然后就是用和定位其他的DIV一样了,比如如果想用绝对定位,配合相对定位即可。
<embed>*******</emdbed>  这句可以兼容火狐。
 

复制代码 代码示例:
<param name="wmode" value="transparent" />
    <embed src="我是flash.swf" quality="high" wmode="transparent"
    pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"
    width="500" height="220"></embed>
 

下面是一个示例:
 

复制代码 代码示例:

<!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="text/html; charset=gb2312" />
<title>怎么让DIV层浮动到flash上面? http://www.jb200.com</title>
<style type="text/css">
<!--
body {
 margin:0;
 padding:0;
 font-size:12px;
}
#flash {
 margin:20px auto 0 auto;
 width:500px;
 height:220px;
 position:relative;
}
#nav {
 position:absolute;
 right:50px;
 top:30px;
 width:400px;
 line-height:30px;
 text-align:center;
 font-weight:bold;
 background:#f00;
 border:1px solid #fff;
}
#nav a {
 color:#fff;
}
#nav a:hover {
 color:#ff0;
}
-->
</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="500" height="220">
    <param name="movie" value="我是flash.swf" />
    <param name="quality" value="high" />
 <param name="wmode" value="transparent" />
    <embed src="我是flash.swf" quality="high" wmode="transparent"
    pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"
    width="500" height="220"></embed>
  </object>
  <div id="nav"><a href=http://jb200.com/js title="JS代码">这是浮动层</a></div>
</div>

</body>
</html>