Css 向下滑动菜单不显示'；不动

现在我正在尝试让我的下拉导航列表设置动画。我可以让它褪色，但它绝对不会滑动

这是下拉列表的一个示例

<div id="nav" class="navv">
<ul>
    <li><a href="http://www.domain.com">Home</a></li>
    <li><a href="#">Archives</a>
        <ul>
            <li><a href="http://domain.com/index.php?f=BackIssues&page=_Directory2012">Back Issues 2012</a></li>
            <li><a href="http://domain.com/index.php?f=BackIssues&page=_Directory2011">Back Issues 2011</a></li>
            <li><a href="http://domain.com/index.php?f=musicianfeatures&page=_MusicianFeatureDirectory">Musician Features</a>
            </li>
            <li><a href="http://domain.com/index.php?f=cdreview&page=_cdReviewDirectory">CD Reviews</a></li>
            <li><a href="http://domain.com/index.php?f=artist&page=_ArtistFeatureDirectory">Visual Artist Features</a>
            </li>
            <li><a href="#">Coming Soon: Restaurant Reviews</a></li>
        </ul>
    </li>
    <li><a href="#">Calendars</a>
        <ul>
        <!--<li><a href="http://domain.com/index.php?f=calendar&page=TRF">TRF 44</a><li>-->
            <li><a href="http://domain.com/index.php?f=calendar&page=Music">Music &amp; Comedy</a></li>
            <li><a href="http://domain.com/index.php?f=calendar&page=OTR">On the Road Concert Calendar</a></li>
            <li><a href="http://domain.com/index.php?f=calendar&page=RoadTripz">Road Tripz</a></li>
            <li><a href="http://domain.com/index.php?f=calendar&page=Karaoke">Karaoke &amp; DJs</a></li>
            <li><a href="http://domain.com/index.php?f=calendar&page=Movies">Movie Times</a></li>
            <li><a href="http://domain.com/index.php?f=calendar&page=ToDo">Things to Do (Events)</a></li>
            <li><a href="http://domain.com/index.php?f=calendar&page=Stage">Stage &amp; Dance</a></li>
            <li><a href="http://domain.com/index.php?f=calendar&page=Art">Art &amp; Artifacts</a></li>
            <li><a href="http://domain.com/index.php?f=calendar&page=Subcal">Submit Calendar Item</a></li>
        <!--<li><a href="http://domain.com/index.php?f=calendar&page=domain">domain</a></li>
        <li><a href="../Feedback/Subcal.html">Submit Calendar Item</a></li>-->
        </ul>
    </li>

我尝试了高度转换，但什么都没发生。我可以不使用两个转换元素吗？因为如果我试着用一行作为背景，一行作为高度，也不会发生什么

如何设置此导航列表的动画？

您错过了：hover语句后的>

试试这个：

/* set the hidden menu */
#nav ul li ul{top:-100px;position:absolute;opacity:0}
/* do the magic */
#nav ul li:hover > ul{top:44px;opacity:1}

工作示例：

---

干杯，祝你的项目好运

嗯。。。这是可行的，但即使是在小提琴的例子中，如果你在实际菜单的下方悬停，菜单也会下降。我只是给你指路，告诉你正确的方向。。。现在，你应该去做！根据你的需要进行调整XDOh是的，我明白了，我只是说这个例子有点没用，哈哈。我一直在工作，但我现在都在工作。我没有意识到我应该使用定位和不透明度，而不是高度和溢出。谢谢我仍然不知道悬停后的<会做什么。我没有使用它，因为我不需要它。>表示“children”，所以当你在ul:hover上时，你是说children li（>li）必须有这种新样式。[看这里，干杯！

/* set the hidden menu */
#nav ul li ul{top:-100px;position:absolute;opacity:0}
/* do the magic */
#nav ul li:hover > ul{top:44px;opacity:1}