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

您好社区，我有一个问题，由于一个绝对位置，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>

最佳答案

朋友你好，找到了解决我问题的方法，现在我只需要查看该属性不起作用：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;
}