提供zblog模板 emlog模板 dedecms模板的下載和仿站定制
當前位置:網站首頁 > 教程 > 正文

swf文件做背景時自適應寬高的解決辦法

天興工作室 2019-10-10 教程 176 0 評論


有個客戶要求用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文件做背景天興工作室是不太推薦的。

沒有找到解決你問題的教程?

您可以試著搜索一下或者直接在線提問。我們也提供收費技術支持,有需要可以在線聯系我們。

在線提問 在線客服

取消回復歡迎 發表評論:

  • 請填寫驗證碼
  • 最新文章
  • 熱文排行
  • 最多評論
標簽聚合
×57zblog模板×33zblog×27zblogphp×20zblogphp模板×18天興工作室×16阿里云×12dedecms×11電子券×11ytcms×11zblog企業模板×10天興互聯×10zblog插件×9隨意打×9模板×9zblog安裝×9zblogphp1.5×9zblog錯誤×8天興通訊×8刷機×8企業模板

請登錄

社交賬號登錄

將本文分享給你的朋友們

千炮捕鱼电玩城外挂