Java 带有图层问题的PrimeFaces菜单

我在xhtml模板中有一个

。围绕它的div具有以下CSS属性：

position: fixed;
top: 44px;
width: 100%;

因此，我可以在用户向下滚动页面时修复菜单标题

现在的问题是一些素面组件的图标和标题溢出了菜单

我尝试使用z-index，但没有成功。我想在素数面中有另一种解决方案，而不是z-index

---

非常感谢。

通过将

z-index:999999

设置为

或四舍五入菜单而不是设置菜单中的样式属性来解决此问题。

根据PrimeFaces默认样式表

PrimeFaces.css

，图标相对定位

.ui消息信息图标、.ui消息警告图标、.ui消息错误图标、.ui消息致命图标、.ui消息信息图标、.ui消息警告图标、.ui消息错误图标、.ui消息致命图标{
背景：url（“/omnifaces/javax.faces.resource/messages/messages.png.xhtml？ln=primefaces”）不重复；
显示：块；
浮动：左；
保证金：0；
填充：0；
位置：相对位置；
}

首先，我不确定为什么它相对定位，因为它似乎不需要被抵消，也没有任何绝对定位的孩子。也许它被用作其他东西的一些（很可能是IE特有的）解决方法/黑客（如果这与“布局”相关，开发人员最好使用

overflow:hidden

）。因此，只要将其设置为默认的

位置：static

就可以解决这个问题

将以下内容添加到覆盖样式表以实现此目的：

.ui消息信息图标、.ui消息警告图标、.ui消息错误图标、.ui消息致命图标、.ui消息信息图标、.ui消息警告图标、.ui消息错误图标、.ui消息致命图标{
位置：静态；
}

---

或者，您当然也可以将菜单的

z-index

设置为疯狂的高值，正如您自己所想的那样。我不认为这是一个可靠的解决方案，但是，这是一个太多的解决办法。p> 我唯一关心的是更改Prime Faces默认样式，因为它将应用于所有页面。甚至那些没有菜单之类的东西。但我将采用此解决方案以避免出现变通办法。：）谢谢@BalusC！