SWF文件做背景时自适应宽高的解决办法
-
HTML结构:
<div class="swf-box"> <embed id="movie" src="swf文件地址" wmode="transparent" width="100%" height="100%"> </div> -
CSS样式:
.swf-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } -
JavaScript代码:
<script type="text/javascript"> document.getElementById("movie").style.height = document.getElementById("movie").scrollWidth * 0.5 + "px"; </script> -
注意事项:
- 计算SWF文件的高度比例,例如宽度1000px,高度500px,比例为50%。
- 用JavaScript动态设置SWF文件的高度。
- 现代浏览器可能默认关闭Flash插件,不推荐使用SWF文件作为背景。

扫码添加技术【解决问题】
专注企业网站建设、网站安全16年。
承接:企业网站建设、网站修改、网站改版、BUG修复、问题处理、二次开发、PSD转HTML、网站被黑、网站漏洞修复等。
专业解决各种疑难杂症,您有任何网站问题都可联系我们技术人员。
本文来自博客园,作者:黄文Rex,转载请注明原文链接:https://www.cnblogs.com/hwrex/p/18512717

浙公网安备 33010602011771号