最近在改版公司的网站时需要使用Flash文件,同时网页上还有个漂浮的图片,结果发现漂浮的图片一到Flash处就被遮挡住了,于是开始想办法解决这一问题。研究了一下Flash的相关属性的代码,发现异常简单,在Flash代码中加入一行“<param name="wmode" value="transparent">”即可。同时发现了如何将Flash文件作为网页背景的方法,留此备忘。
方法一:
1、在网页中插入一个表格,设置其宽度、高度为100%,再插入FLASH的SWF文件;
2、设置SWF文件宽度和高度均为100%,添加属性代码“<param name="wmode" value="transparent">”;
3、在SWF文件上插入一个层,大小不要超过SWF的大小,在层上写上字,大功告成!
方法二(来自百度搜索):
在网页制作中,flash是不能直接作为网页的背景的。Frontpage没有相关的设置可以直接操作。因此,我们需要换一个策略:大家是否还记得flash中“层”的概念,我们在这里就要运用到这个概念。在我们的网页层上面在新建一个层。在这个层中插入flash,但注意,插入flash后,会遮挡下面网页层相应的位置,因此,我们需要将flash透明化,以达到让网页层的内容正常显示的目的。而本质是,插有flash的层是在网页层的上面的。“背景”,是相对而言的。以下是html代码:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>New Page 2</title>
</head>
<body>
//这一段就是flash做网页背景,实际上是建了一个层,又将flash透明化。而本质是这个层实际上在其他层之上,但由于flash透明化了,因此看上去像背景。
<div id="Layer1" style="position:absolute; left:0; top:0; width:700; height:500; z-index:1">
<div align="center">
<embed src="fish.swf" width="700" height="500" wmode="transparent">
</div></div>
//开始就是常规网页制作的代码。
</body>
</html>