有个客户要求用swf文件做页面背景，但是弄上去之后发现swf文件的宽度高度自适应这块很不好控制，如果直接设置宽度和高度为100%是不起作用的。
折腾了一番最后终于解决，分享下解决办法。
首先将swf文件调用放到一个div包裹起来，代码大概是这样：
Markup
<div class="swf-box"><embed id="movie" src="swf文件地址" wmode="transparent" width="100%" height="100%"></div>
然后设置外部div的宽度为100%；高度也是100%；position: absolute;上左距离为0；z-index的值设置小一点，然后页面正文内容部分的z-index设置大一点，这样将这个div设置成了一个背景。
再来解决swf文件的自适应宽高度问题，首先要确定你的swf默认宽高度是多少，然后算一个宽高度比例。例如宽度是1000px，高度是500px，那么宽高比就是50%。
得到这个比例后，写以下js代码：
JavaScript
<script type="text/javascript">document.getElementById("movie").style.height = document.getElementById("movie").scrollWidth*0.5+"px"</script>
用js强行给swf文件设置一个高度，这个高度就是宽度的50%。这样就完成了swf文件宽高度自适应了。
ps：现在很多浏览器都默认关闭了flash插件。所以不太建议使用此类型文件。
注意事项：
1、资源遇到是一堆字母与数字组合的，复制到电脑版的xunlei或BT新建下载即可。
2、度盘的资源容易失效，失效一般补不了，请理解！
3、如果支付后没有自动跳转，请等一两分钟让它自动跳转后再刷新看看，还不行的话请联系退款。
4、百家姓转换
免责声明：本站文章采用创作共用版权 CC BY-NC-ND/2.5/CN 许可协议，文章及资源均来自互联网收集，仅供用于学习和交流，请遵循相关法律法规，本站一切资源不代表本站立场！！！
