您现在的位置：程式碼之家 >> 編程語言 > >> Java 程式設計 >> Java 相關知識

HTML 跨瀏覽器 Flash 廣告嵌入技巧：解決點擊跳轉與透明模式兼容性

編輯：Java 相關知識

問題背景

在頁面嵌入 Flash 廣告時，常遇到：

Firefox/Chrome/Opera 下 <a> 標籤包裹 <object> 無法點擊跳轉。
IE 下需要 <button> 觸發跳轉。
Flash 背景需透明（wmode=transparent）以疊加在頁面內容上。

兼容性解決方案：混合標籤策略

<div>
  <a href="目標鏈接" target="_blank">
    <button
      onclick="window.open('目標鏈接')"
    >
      <object
        classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
        codebase="https://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0"
        width="Flash寬度" height="Flash高度" id="Untitled-1" align="middle"
      >
        <param name="allowScriptAccess" value="sameDomain" />
        <param name="movie" value="Flash地址" />
        <param name="quality" value="high" />
        <param name="wmode" value="transparent" />
        <param name="bgcolor" value="#ffffff" />
        <embed
          src="Flash地址"
          quality="high" bgcolor="#ffffff"
          width="Flash寬度" height="Flash高度"
          name="mymovie" align="middle"
          allowScriptAccess="sameDomain"
          type="application/x-shockwave-flash"
          wmode="transparent"
          pluginspage="https://www.macromedia.com/go/getflashplayer"
        />
      </object>
    </button>
  </a>
</div>

關鍵點解析

元素	作用	適用瀏覽器
`<a>` 包裹	提供語義化鏈接，解決現代瀏覽器點擊跳轉	Firefox, Chrome, Opera, Safari, Edge
`<button>` + `onclick`	觸發 `window.open`，解決 IE 點擊無響應	IE 6/7/8/9/10/11
`<object>` (classid)	IE ActiveX 加載 Flash	IE
`<embed>`	非 IE 瀏覽器加載 Flash	Firefox, Chrome 等
`wmode=transparent`	Flash 背景透明，允許 CSS 定位疊加	所有支援 wmode 的 Player 版本
`allowScriptAccess=sameDomain`	允許同域 JS 與 Flash 通訊	所有