如何在手风琴面板之前推动 primefaces DefaultMenuModel？答案

【问题标题】：How can I push the primefaces DefaultMenuModel before an accordion panel?如何在手风琴面板之前推动 primefaces DefaultMenuModel？
【发布时间】：2014-11-20 08:27:34
【问题描述】：

我在手风琴面板的选项卡内有一个 DefaultMenuModel。

现在菜单位于手风琴面板的选项卡后面，我想更改菜单的 z-index，它将位于选项卡的前面。

看起来像：

我尝试了以下方法：

<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:p="http://primefaces.org/ui" template="/templates/template.xhtml">
<ui:define name="window_title"/>
   <ui:define name="content">
  <h:form id="exportForm" style="height:100%">
     <p:growl id="growl" showDetail="true" />
        <p:accordionPanel id="memberPanel" multiple="true" activeIndex="1" styleClass="test1">
        <p:tab title="#{messages['member_filter']}">
        <table>
           <tr valign="top">
              <td>#{messages['export_filter']} <br></br> 
                    <p:tieredMenu styleClass="test2" id="type" model="#{dynamicFilterMenuExport.menu}" />
              </td>
              <td><p:spacer width="10" /></td>
              <td>#{messages['export_filter_select']}<br></br>
              <br></br> <!-- more Code-->
           </tr>
        </table>
     </p:tab>
     <p:tab title="#{messages['menu_Members']}" >
     <!-- datatable etc. -->
     </p:tab>
     </p:accordionPanel>
  </h:form>
</ui:define>
</ui:composition>

我的 CSS 看起来像：

.test1 {
    position: relative;
    z-index: 1000 !important;
}

.test2 {
   position: relative;
   z-index: 2000 !important;
   overflow:visible !important;
}

有人知道我该如何解决吗？

【问题讨论】：

标签： html css jsf primefaces

【解决方案1】：

经过数小时的搜索，我发现答案是调整 CSS。现在它与以下代码完美配合：

.ui-accordion-content {
   overflow:visible !important;
}

【讨论】：