2012-02-21 71 views
0

我正在使用SWFObject嵌入swf,它最終覆蓋了頁面上的一些HTML組件。但是,HTML在Flash電影之上流血。無法在HTML頁面上使用Flash

我玩過wmode設置和z-index,絕對vs相對定位,並且firefox/safari似乎沒有任何功能。 Chrome的工作方式與我期望的wmode = window完全相同(flash始終位於HTML之上)。

任何想法我可以告訴safari/firefox不惜一切代價將他們的HTML保留在閃存之後?

回答

1

你有鏈接作爲例子嗎?

通常情況下,你要的組合:

wmode:'transparent' 

和:

<div class="container"> 
    <div class="flash">Flash</div> 
    <div class="html">HTML</div> 
</div> 

+:

.flash, 
.html { 
    position:absolute; 
    z-index:2; 
    width:200px; 
    height:200px; 
} 
.html { 
    z-index:1; 
} 

雖然我想看到的鏈接在您的情況下,HTML會在Flash頂部轉義。

編輯:

下面是一個例子,我放在一起,使用SWFObject,對HTML的頂部位置Flash和使用上述解決方案所擁有的一切顯示爲你所期望的:http://codefinger.co.nz/public/flash_atop_html/

測試在Firefox,Safari,Chrome,IE。

+0

是我需要不太什麼,但它確實讓我在正確的方向它應該工作。我升級到最新版本的閃存,然後把swf放在一個獨立的div中,並且有自己的z-index。 – jckdnk111 2012-02-21 03:27:48

+0

很高興你的工作:) – danjah 2012-02-21 03:39:45

1

,如果你使用的wmode像下面

<object width="296" height="81"><param name="wmode" value="transparent" /> 
<embed src="yourFileName.swf" wmode="transparent" width="296" height="81" type="application/x-shockwave-flash" /></object> 
+0

@ jckdnk111正在使用SWFObject。 – danjah 2012-02-21 03:01:20