有个客户要求用swf文件做页面背景,但是弄上去之后发现swf文件的宽度高度自适应这块很不好控制,如果直接设置宽度和高度为100%是不起作用的。
折腾了一番最后终于解决,分享下解决办法。
首先将swf文件调用放到一个div包裹起来,代码大概是这样:
<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代码:
<script type="text/javascript">document.getElementById("movie").style.height = document.getElementById("movie").scrollWidth*0.5+"px"</script>
用js强行给swf文件设置一个高度,这个高度就是宽度的50%。这样就完成了swf文件宽高度自适应了。
ps:现在很多浏览器都默认关闭了flash插件。所以用swf文件做背景天兴工作室是不太推荐的。
相关推荐
取消回复欢迎 你 发表评论:
- 最新文章
- 热文排行
- 最多评论
- 1wordpress在国内无法更新升级的解决办法03-02
- 2天兴工作室2021年春节放假通知02-08
- 3zblogphp1.7版本正式上线,附zblogphp1.7升级指南和注意事项02-08
- 4主题的暗黑模式是什么?怎么设置和使用暗黑模式?01-19
- 5zblog判断插件是否安装或者启用的代码介绍01-16
- 6translate3d和z-index冲突导致z-inde值无效的解决办法01-10
- 7zblogphp提示“ Call to undefined function openssl_pkey_get_public()”的原因和解决办法12-25
- 8zblogphp1.6版本报错“非法访问”的原因和解决办法12-23
- 9wordpress导航栏自定义添加class和rel="nofollow"的步骤12-13
- 标签聚合
- ×1非常慢×1刘冬×0迅雷×1zblogasp自适应模板×1zblog模板安装×1删除成员×1卢松松×1word-wrap×1root×1ckplayer播放器×1浦发×1自助缴费×1前端之路×1特效代码×1门票×1zbp主题×1emlog图片主题×1修改logo×1zblog备份×0免费zblog
最新评论
-
Q站网
更新的草率了,直接后台进不去了,最后去反馈群下载最新压缩包替换才好了。 -
鹏仔
服务器可以配置允许跨域,虚拟主机搭建的 调用api会出现跨域,天哥知道有啥解决办法没 -
访客
来个限时优惠 -
天兴工作室
不还价的 -
小马过河
能不能便宜点啊