如何防止在LayoutFaces 5.1布局中屏蔽notificationBar?

时间:2015-02-01 02:25:59

标签: css jsf primefaces primefaces-extensions

嗨社区我有一个问题,因为一个绝对的位置会将noticeBar组件隐藏起来,这个位置将会添加到我的菜单右边。

注意到noticeBar,左下方显示包含我的菜单布局,会发生什么,我必须添加样式位置abosolute我的菜单菜单显示在布局的中心。

.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>

1 个答案:

答案 0 :(得分:1)

你好朋友,发现我的问题的解决方案,现在我只需要看到该属性不起作用: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; 
}

enter image description here