在IE 7中，p：accordionPanel在圈数p：menubar

Question

在IE7下方的代码p：accordionPanel上位于p：menubar.ie上，当我单击菜单栏时，菜单项隐藏在p：accordionPanel下。 但是，Chrome和Firefox中没有问题。

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:p="http://primefaces.org/ui">
        <h:head>    
        </h:head>
        <h:body>
   <h:form>         
       <p:menubar>  
            <p:submenu label="Company" >
            <p:menuitem value="Software Engineer" />
            <p:menuitem value="Manager" />  
            <p:menuitem value="Business Ananlyst"  />
            <p:menuitem value="System Analyst" />
            </p:submenu>
    </p:menubar>

        <p:accordionPanel>
            <p:tab title="Lorem Ipsum ">
                <h:panelGrid columns="3">
                    <h:outputText
                        value="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum"></h:outputText>
                </h:panelGrid>
            </p:tab>
        </p:accordionPanel>
    </h:form>
    </h:body>

</html>

Answer 1

可以通过给<p:menubar /> <p:accordionPanel />更大的z-index来解决

在我的示例中，我所做的更改是

<p:menubar style="z-index:2000">
<p:accordionPanel style="z-index:1000">

但是，如果有多个组件，则可以使用jquery解决。 首先声明的组件的z-index值大于后来的

$(document).ready(function(){
 var zIndexNumber = 1000;
        $('div').each(function() {
            $(this).css('zIndex', zIndexNumber);
            zIndexNumber -= 10;
        });
});

在IE 7中，p：accordionPanel在圈数p：menubar

问题描述

1 个解决方案

解决方案1
0 2013-09-18 11:26:48

在IE 7中，p：accordionPanel在圈数p：menubar

问题描述

1 个解决方案

解决方案1 0 2013-09-18 11:26:48

解决方案1
0 2013-09-18 11:26:48