php swf 宽,swf文件做背景时自适应宽高的解决办法

本文介绍了如何处理SWF文件在页面中作为背景时的自适应宽度和高度问题。通过将SWF文件放入一个div容器,并设置div的宽高为100%,绝对定位,调整z-index,再利用JavaScript根据原始宽高比例动态设置SWF的高度,实现了自适应效果。但需要注意的是,由于许多浏览器默认禁用Flash,因此不推荐使用SWF作为背景。
摘要由CSDN通过智能技术生成

有个客户要求用swf文件做页面背景,但是弄上去之后发现swf文件的宽度高度自适应这块很不好控制,如果直接设置宽度和高度为100%是不起作用的。

折腾了一番最后终于解决,分享下解决办法。

首先将swf文件调用放到一个div包裹起来,代码大概是这样:

然后设置外部div的宽度为100%;高度也是100%;position: absolute;上左距离为0;z-index的值设置小一点,然后页面正文内容部分的z-index设置大一点,这样将这个div设置成了一个背景。

再来解决swf文件的自适应宽高度问题,首先要确定你的swf默认宽高度是多少,然后算一个宽高度比例。例如宽度是1000px,高度是500px,那么宽高比就是50%。

得到这个比例后,写以下js代码:

用js强行给swf文件设置一个高度,这个高度就是宽度的50%。这样就完成了swf文件宽高度自适应了。

ps:现在很多浏览器都默认关闭了flash插件。所以用swf文件做背景天兴工作室是不太推荐的。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值