css - 如何防止 notificationBar 在布局 PrimeFaces 5.1 中被屏蔽？

Question

大家好，我有一个问题，notificationBar 组件被隐藏了，因为绝对位置会添加到我的菜单右侧。

注意到 notificationBar，显示在包含我的左侧菜单布局下方，发生的事情是我必须添加样式位置绝对我的菜单，因为菜单显示在布局的中心。

.ui-layout-west {
    z-index: 20 !important;
    overflow: visible !important;
}

.ui-layout-west .ui-layout-unit-content {
    overflow: visible !important;
}

我的组件p:notificationBar

<p:notificationBar position="top" effect="slide" widgetVar="barMensajes" >
        <h:outputText value="Mensajes del Sistema:" styleClass="clsEncabezadoPantalla" />
        <p:messages id="messagesPrincipalForm" showDetail="true" globalOnly="true" closable="true" escape="false" />
        <p:commandButton value="Hide" onclick="PF('barMensajes').hide()"
                         type="button" icon="ui-icon-arrow-1-n" />
    </p:notificationBar>

Answer 1

你好 friend ，找到了我的问题的解决方案，现在我只需要看到属性不起作用:background-color:white!重要；

.ui-notificationbar {
    border-bottom: 1px solid #F8F7F6;
    border-bottom: 1px solid #0A2967;
    opacity: 0.95;
    filter: alpha(opacity = 95); /* For IE8 and earlier */
    z-index: 999; 
}