PrimeFaces菜單欄選項隱藏<p:media>組件

Question

在我的應用程序中，我使用PrimeFaces的和組織內容。在其中一頁中，我使用組件嵌入YouTube視頻。不幸的是，從下圖中可以看到，我的子菜單被Flash播放器隱藏。

爲了更精確，我把中心佈局單元的內部。頂部菜單欄是獨立的，我沒有頂層佈局單元。

由於我在CSS方面經驗不多，如果能告訴我如何解決這個問題，我將不勝感激。

最好的問候，

Answer 1

這是由Flash播放器一個known issue，實際上沒有直接關係的JSF。您基本上需要將Flash播放器的wmode參數設置爲opaque。您可以將它嵌入<p:media>中作爲<f:param>。

<p:media ...> 
    <f:param name="wmode" value="opaque" /> 
</p:media> 

另一個wmode值也可可能解決這個問題是transparent。

<p:media ...> 
    <f:param name="wmode" value="transparent" /> 
</p:media> 

嘗試一個，另一個在儘可能多的不同的瀏覽器，看看哪些修復它你的具體情況最好的。