以文本方式查看主题

-  康柏仕电脑学院  (http://www.combss.com/bbs/index.asp)
--  Dreamweaver网站设计交流区  (http://www.combss.com/bbs/list.asp?boardid=48)
----  用Flash文件作为网页背景  (http://www.combss.com/bbs/dispbbs.asp?boardid=48&id=361)

--  作者:superpch
--  发布时间:2007/8/1 9:05:10
--  用Flash文件作为网页背景
    最近在改版公司的网站时需要使用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> 
--  作者:詩人的眼淚
--  发布时间:2007/8/4 16:44:24
--  Re:用Flash文件作为网页背景