2008-11-18 84 views
1

我想通過html頁面嵌入swf,就像浮動視頻觀看面板一樣。我已經有一個swf文件,它會根據瀏覽器大小自動調整它的大小,並且swf文件是部分透明的。我以爲我可以只添加一個div標籤,使得絕對位置和更大的z-index,但這不起作用,因爲瑞士法郎取代了頁面上的所有內容。如何在html頁面上嵌入swf?

這裏就是我所做的

<script> 
     swfobject.embedSWF("swf/float.swf", "header", "100%", "100%", "9.0.0"); 
</script> 

<body bgcolor="#000000"> 
     <div id="header"></div> 
     <div id="shell"> 
      things in my html 
     </div> 
</body> 

#header { 
    position:absolute; 
    z-index:100; 

} 

任何想法?謝謝。

回答

5

一旦你的大小才能正常工作,您將需要設置的wmode透明能夠看到有什麼閃光的背後,如果你沒有它的背景將是不透明的。

這是從swfobject docs快速copypaste,但它應該得到跨越點:

<script type="text/javascript"> 

var flashvars = {}; 
var params = {wmode : "transparent"}; 
var attributes = {}; 

swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0","expressInstall.swf", flashvars, params, attributes); 

</script> 
0

我相信這個問題是,CSS不能很好地與<object />標籤。 swfobject.embedSWF<div id="header"></div>變成<object />標記,其中有一堆可能影響CSS的屬性。如果在標題DIV周圍創建包裝DIV並將CSS應用於包裝DIV,則一切都會更好。您還需要在CSS中添加100%的寬度和高度。下面是修改後的源:

<script> 
    swfobject.embedSWF("swf/float.swf", "header", "100%", "100%", "9.0.0"); 
</script> 

<body bgcolor="#000000"> 
    <div id="wrapper"> 
     <div id="header"></div> 
     </div> 
    <div id="shell"> 
     things in my html 
    </div> 
</body> 

#wrapper { 
    position:absolute; 
    z-index:100; 
    width:100%; 
    height:100%; 
} 
+0

它仍然不工作的權利,之後我添加了包裝,將下調頁半,一半是瑞士法郎和一半是HTML。如果我添加寬度:100%和高度:100%,我的所有按鈕都被禁用... – shibbydoo 2008-11-18 22:20:56