悬停时让最后一个孩子可见

时间:2014-07-13 20:51:54

标签: css css3 hover html-lists

我正在制作我的导航纯粹的css,但我在徘徊父母时试图让孩子看到,我试过{ opacity: 1; visibility: visible;}但它不会工作。帮助:(

这是我的代码:

http://jsfiddle.net/x5SbW/

1 个答案:

答案 0 :(得分:3)

您的HTML结构错误 -

你正在使用 -

     <li><a href="#">sub1</a></li>
     <ul class="resub-menu">
        <li><a href="#">resub</a>
        </li>
        <li><a href="#">resub</a>
        </li>
        <li><a href="#">resub</a>
        </li>
     </ul>

但是应该是 -

<li><a href="#">sub1</a>
     <ul class="resub-menu">
        <li><a href="#">resub</a>
        </li>
        <li><a href="#">resub</a>
        </li>
        <li><a href="#">resub</a>
        </li>
     </ul>
</li>

简而言之,您的<ul>位于<li>

之外

http://jsfiddle.net/x5SbW/1/