css伪选择器不工作div

2013-02-16 97 views 0 likes

我试图在我的页面上创建一个固定的菜单。但是，我希望它部分隐藏并仅在悬停时展开。我试图用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

回答

相关问题