css僞選擇器不工作div

我試圖在我的頁面上創建一個固定的菜單。但是，我希望它部分隱藏並僅在懸停時展開。我試圖用CSS和僞選擇器做到這一點，但它不會工作。css僞選擇器不工作div

HTML：

<div id="sideMenu"> 
    <ul> 
     <li>Wide Screen</li> <!--turn sidebar on/off--> 
     <li>Random Border</li> <!--randomize vidcontain border--> 
     <li>Control Bar</li> 
    </ul> 
</div>

CSS：對DIV

#sideMenu{ 
    position: fixed; 
    left: -95px; 
    top: 250px; 
    height:100px; 
    width:100px; 
    background-color: #D4D048; 
    z-index:-1; 
    display:block; 
} 
#sideMenu:hover{ 
    left: 0px; 
}

來源

2013-02-16 Batman

適合我http://jsfiddle.net/eH9Cr/ – 2013-02-16 08:44:35

@MarcB，當我看完它時沒有任何事情發生。使用Chrome。 – Batman 2013-02-16 08:45:28

@Mr。外星人[你打敗了我！]（http://jsfiddle.net/amullins/SnjJV/），我也使用Chrome。 – 2013-02-16 08:45:51

Z-指數從識別它正在被盤旋和未應用因此關於懸停的規則防止在div。增加Z指數的位置解決了這個問題。

來源

2013-02-16 08:54:28 Batman

請接受您自己的答案，以防止它被列爲未答覆。 – pwdst 2013-02-17 18:46:31

說要等13個小時 – Batman 2013-02-17 19:17:20

css僞選擇器不工作div

回答

相關問題