由<p：media>组件</p：media>隐藏的PrimeFaces菜单栏选项

Question

在我的应用程序中，我使用PrimeFaces并组织内容。在其中一个页面中，我使用组件嵌入了YouTube视频。不幸的是，正如你从下面的图片中看到的那样，我的子菜单被flash播放器隐藏了。

更确切地说，我放在中心布局单元内。顶部菜单栏是独立的，我没有顶部布局单元。

由于我对CSS几乎没有经验，如果你能告诉我如何解决这个问题，我将非常感激。

致以最诚挚的问候，

Answer 1

这是由Flash播放器引起的known issue，实际上与JSF没有直接关系。您基本上需要将Flash播放器的wmode参数设置为opaque。您可以将其<f:param>嵌入<p:media>。

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

另一个可能解决此问题的wmode值是transparent。

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

在尽可能多的不同浏览器中尝试使用其中一种，以便在特定情况下查看哪种浏览器效果最佳。