如何讓Flash在網站上方浮動？

我擁有的是一個閃存媒體播放器，我希望它能浮在我們論壇的頂部，這樣當用戶向下滾動時，媒體播放器就會跟隨。如何讓Flash在網站上方浮動？

我還沒有找到一種方法使它坐在html上面。它總是把它推下去。

你可以看到媒體播放器，我在http://www.gcehosting.com/stackoverflow

這講的是代碼：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> 
    <head> 
     <title>Music Player Widget - Preview 2</title> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
     <style type="text/css" media="screen"> 
     html, body { height:100%; background-color: #000000;} 
     body { margin:0; padding:0; overflow:hidden; } 
     #flashContent { width:100%; height:100%; } 
     </style> 
    </head> 
    <body> 

     <div id="flashContent"> 

      <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100%" height="100%" id="main" align="middle"> 
       <param name="movie" value="main.swf" /> 
       <param name="quality" value="high" /> 
       <param name="bgcolor" value="#ffffff" /> 
       <param name="play" value="true" /> 
       <param name="loop" value="true" /> 
       <param name="wmode" value="transparent" /> 
       <param name="scale" value="showall" /> 
       <param name="menu" value="true" /> 
       <param name="devicefont" value="false" /> 
       <param name="salign" value="" /> 
       <param name="allowScriptAccess" value="sameDomain" /> 

       <!--[if !IE]>--> 
       <object type="application/x-shockwave-flash" data="main.swf" width="100%" height="100%"> 
        <param name="movie" value="main.swf" /> 
        <param name="quality" value="high" /> 
        <param name="bgcolor" value="#ffffff" /> 
        <param name="play" value="true" /> 
        <param name="loop" value="true" /> 
        <param name="wmode" value="transparent" /> 
        <param name="scale" value="showall" /> 
        <param name="menu" value="true" /> 
        <param name="devicefont" value="false" /> 
        <param name="salign" value="" /> 
        <param name="allowScriptAccess" value="sameDomain" /> 
       <!--<![endif]--> 
        <a href="http://www.adobe.com/go/getflash"> 
         <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /> 
        </a> 
       <!--[if !IE]>--> 
       </object> 
       <!--<![endif]--> 
      </object> 

     </div> 

    </body> 
</html>

我會有人喜歡能夠提供一個解決方案

來源

2012-03-01 Barry Schulman

歡迎來到[SO]。請花些時間查看[faq]（http://stackoverflow.com/faq#signatures）。 – zzzzBov 2012-03-01 21:22:40

你可以將wmode參數設置爲transparent，這會使SWF的所有非對象區域都透明。然後使用絕對CSS定位將其放置在網頁的任何位置。從this tutorial

相關代碼片段：

#wrapper { 
 
    position: absolute; 
 
    top: 0; 
 
    left: 0; 
 
    width: 900; 
 
    height: 900; 
 
    z-index: 1; 
 
}

<div id="wrapper"> 
 
    <object> 
 
    <param name="movie" value="dummy.swf"> 
 
    <param name="wmode" value="transparent"> 
 
    <embed src="dummy.swf" wmode="transparent"> 
 
    </object> 
 
</div>

來源

2012-03-01 21:03:58 approxiblue

請問爲什麼你不推薦它？ – 2012-03-01 21:51:12

谷歌爲'flash wmode bug' =>例如http://xebee.xebia.in/2010/08/29/the-wmode-nightmare-in-flex-some-workarounds-to-resolve-issues-pertaining- to-wmode-settings-in-flex/ – biziclop 2012-03-01 21:53:23

謝謝吉米你的鏈接工作100％ – 2012-03-01 22:06:26

上#flashContent使用position:fixed，將其設置爲right:0，並確保寬度/高度不覆蓋的論壇。

來源

2012-03-01 21:04:25 Vigrond

好吧Ikinda明白你的意思。所以寬度/高度我做了什麼？ – 2012-03-01 21:39:14

dunno，無論顯示Flash內容是否需要寬度/高度。大概200px左右的寬度？ – Vigrond 2012-03-01 21:55:27

問題是：如果我將其保留爲100x100，則無法在論壇上單擊任何內容。如果我改變它說30％，那麼會發生什麼是玩家結束在頁面的左側....... – 2012-03-01 22:29:17

如何讓Flash在網站上方浮動？

回答

相關問題