<div>这里面有个表格，表格里有个透明flash和背景图。我的意思是在这里面再套个一样大小的透明flash文件应该怎么弄？我不会写，你们可不可以不要复制，把代码写给我，谢谢！ </div>
首先给上面这个DIV加上样式 position:relatvie；（相对定位，这样里面的绝对定位就跑不出去了。）
然后在DIV里面加个DIV，样式这样些
position:absolutetop:0pxleft:0px
wdith:/*外面那个DIV的宽度*/ height:/*外面那个DIV的高度*/
这样就基本OK了。
要多个的话，就继续加DIV，继续绝对定位……
CSS很强大，就看你怎么用了
一下是一个简单的示范：
复制粘贴到文本文档，改后缀为html,然后运行。
<!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/htmlcharset=utf-8" />
<title>无标题文档</title>
</head>
<style type="text/css">
*{ margin:0pxpadding:0px}/*初始化*/
.content{
width:400px
height:400px
margin:50px auto
position:relative/*让盒子相对定位,这样里面的绝对定位就跑不出去*/
background:#CCCCCC/*这是你原先那个DIV，我给它加了个背景，边框是flash这个DIV的，这样做只让你知道它们是在同一个位置罢了，没其它用途*/
}
.flash{
position:absolute /*绝对定位后设定宽度跟高度还有位置*/
top:0px
left:0px
width:400px
height:400px
color:#FF0000
font-weight:bold
border:1px solid #000000/*这样做只让你知道它们是在同一个位置罢了，没其它用途*/
}
</style>
<body>
<div class="content">
这里面有个表格，表格里有个透明flash和背景图。我的意思是在这里面再套个一样大小的透明flash文件应该怎么弄？我不会写，你们可不可以不要复制，把代码写给我，谢谢！
<div class="flash">我是FLASH……你把要添加的放在这里就可以了,要是透明的FLASH哦！</div>
</div>
</body>
</html>
用css的绝对定位来做，一下是我刚写的参考代码：<!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/htmlcharset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
.body{margin:0padding:0font-size:12px}
img{border:0margin:0padding:0}
.box{position:relative} /*此处使用相对定位，作用是给其包含的子层做绝对定位的参照物*/
.img,.flash{width:200pxheight:150pxposition:absolutetop:80pxleft:200pxz-index:1}
.flash{z-index:2} /*flash的层叠加顺序为2，大于.img层的排列顺序，所以在顶层，这样就覆盖了.img的div层*/
-->
</style>
</head>
<body>
<div class="box">
<div class="img"><img name="img" src="" width="200" height="150" alt="" style="background-color: #003300" /></div>
<div class="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="200" height="150">
<param name="movie" value="flash路径" />
<param name="quality" value="high" />
<embed src="flash路径" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="200" height="150"></embed>
</object>
</div>
</div>
</body>
</html>
在网页制作过程中，我们常常需要实现一种效果，就是将flash效果（通常是粒子效果） 叠加到图片之上，从而表现出更加逼真、形象的效果来。同时用好透明flash背景也是网页设计人员必备的基本技能。下面小编就与大家分享一下在网页制作过程中添加透明flash背景的方法。工具/原料
Adobe Flash CS3
Dreamweaver 8
方法/步骤
1、flash文件的准备，首先必须得有一个用作页面背景的SWF格式的文件。可以直接采用Flash进行创作，做出自己想要的效果，也可以直接采用现有的文件做为素材。在此为了说明方法，故小编直接使用一个制作完成的Flash文件”飘落的雪花“。 效果如图所示：
2、打开Dreamweaver8，新建一个页面文件”SnowFly.html"。
3、点击“插入”→“表格”，给当前页面中插入一个 2行1列的表格，边框宽度设置为0，最后点击确定。
4、将光标放置在表格的第二行，然后点击”插入“→”媒体“→”ShockWave文件“。
5、从“打开”窗口中选择一个本地的SWF格式的文件，点击“确定”导入到当前页面，在d出的”对像标签辅助功能“窗口中将标题设置为“Flash背景”，最后点击“确定”完成插入 *** 作。
6、选中该Flash文件，在属性窗口中点击“参数”，打开参数窗口，将“Vmode”设置为“Transparent”，点击“确定”完成设置。
7、将光标放置在表格的第二行，点击“属性”窗口中的“插入背景”按钮，在打开的“插入背景“窗口中选择本地磁盘中的一幅图片文件，插入到当前表格单元格中做为背景层。
8、切换至代码编辑界面。 给标签Embeded中加入如图第21行所示的代码片段。
9、保存当前网页文件， 点击”文件“→”预览“→”搜狗浏览器“，此时就会打开搜狗浏览器进行预览。
END
浏览器加载Flash播放控制程序
1、有时会出现当前Flash背景无法播放的情况，其原因是Flash播放控件未安装造成的。
解决方法：打开搜狗浏览器，点击”工具“→”Internet选项“。
2、在打开的”Internet选项“窗口中，切换到”高级“选项卡，找到” 多媒体“列表，勾选”在网页中播放动画“和”启用第三方浏览器扩展“两项。
3、再此刷新当前页面，就会d出安装插件界面，按照提示 *** 作即可成功完成插件。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）