HTML/CSS問題錨標記

-1

這是我的地盤http://igbowomenassembly.org/，我使用的一個主題，當我點擊我們的長官>國家行政部門，一個子菜單會出現，但我不能點擊的所有項目，當我嘗試點擊副主席，它會自動向我顯示Engugu Executive菜單。HTML/CSS問題錨標記

謝謝大家幫助我和我的排序問題。

對不起所有，但我不與熟悉並且HTML/CSS很多，問題是所有的瀏覽器。

/*主菜單 /////////////////////////////// */

.menu-bar { 
    background:#222222; 
    } 
.menu-bar .menu { 
    display:inline-block; 
} 
.menu { 
    list-style:none; 
} 
.menu li { 
    position:relative; 
} 
.menu > li { 
    display:inline-block; 
} 
.menu > li > a { 
    padding:15px 22px; 
    font-size:15px; 
    color:#fff; 
    text-transform:uppercase; 
    display:inline-block; 
} 
.menu li:hover > a { 
    background:#000; 
} 

.menu-bar li ul { 
    width:172px; 
    height:0px; 
    padding:0; 
    background:#000; 
    z-index:201; 
    overflow:hidden; 
    display:block; 
    opacity:0; 
    filter:alpha(opacity=0); 
    position:absolute; 
    left:0px; 
    top:50px; 

    border-radius:0px 3px 3px 3px; 
    -moz-border-radius:0px 3px 3px 3px; 
    -webkit-border-radius:0px 3px 3px 3px; 

    transition:all 0.4s ease; 
    -moz-transition:all 0.4s ease; 
    -webkit-transition:all 0.4s ease; 
} 
.menu li li a { 
    padding:10px 12px; 
    font-size:14px; 
    color:#fff; 

    border-radius:3px; 
    -moz-border-radius:3px; 
    -webkit-border-radius:3px; 
} 

.menu-bar li li { 
    display:none 
} 
.menu-bar li:hover li { 
    display:block 
} 
.menu-bar li li a { 
    display:block; 
} 
.menu-bar li li:hover > a { 
    background:#222; 
} 
.menu-bar li:hover > ul { 
    overflow:visible; 
    padding:8px; 
} 
.menu-bar li:hover > ul { 
    height:auto; 
    opacity:1; 
    filter:alpha(opacity=100); 
} 
.menu-bar li > ul ul { 
    height:auto; 
    margin-left:8px; 
    margin-top:-8px; 
    left:100%; 
    top:0px; 
} 
.menu-bar li li:hover > ul { 
    opacity:1; 
    top:0px; 
}

來源

2013-11-21 user3015451

請發表您的HTML，CSS和其他相關信息，可以幫助我們來幫助你。 –

另外，按照你所說的你無法在Win/Chrome中爲我工作，所以你需要更具體地瞭解它在哪裏不起作用。你應該嘗試做一些bug測試自己：嘗試在幾個不同的瀏覽器，然後告訴我們哪些瀏覽器（S）它不工作 – Ming

@Setek我是一個新的用戶，我已經盡我所能來解釋我的quesiton請推廣我，以便將來可以使用stackoverflow。 – user3015451

這是一個簡單的z-index問題。該生產線於：

.menu-bar li ul

告訴所有子菜單有201.一個z-index如果所有的子菜單，時隱時與否，有相同的z-index，然後，在源順序將取代來自低下來一個它上面的那個。這就是爲什麼下面的下拉菜單突然彈出。

如果只更新懸停的子菜單中有一個更高的指數，然後將取代低了下去源順序任何子菜單。因此通過更新此代碼：

.menu-bar li li:hover > ul { 
    opacity:1; 
    top:0px; 
    z-index: 202; /* this is a new line */ 
}

將解決您的問題。

這裏是它的一個的jsfiddle：http://jsfiddle.net/2WcBW/

來源

2013-11-21 00:46:08 Ming

非常感謝您的幫助，它的工作原理...... :) – user3015451

HTML/CSS問題錨標記

回答

相關問題