在下拉菜单中更改CSS下拉菜单

我几乎可以肯定这个问题已经以这样或那样的方式得到了回答。应用我在这里和其他地方发现的变化似乎不会让我走得更远

我正在尝试将css菜单从crisislab.nl从下拉菜单更改为下拉菜单。（正如你在网站上看到的那样，我目前正在进行这项工作。）

我目前遇到的问题是，菜单似乎工作正常，除了菜单文本向下显示和菜单向上移动（如果这听起来不符合逻辑，请查看crisislab.nl）

请参阅下面的代码了解我当前的进度。有人愿意帮忙吗

非常感谢

                #navigation {
                width: 980px;
                height: 38px;



        }
            #navigation li {
                float: left;
                position: relative;

                               top: 220px;
            } #navigation li:hover { background: transparent  url(gfx/navigation_hover.png) repeat; }
                #navigation li a {
                    text-transform: uppercase;
                    color: white;
                    padding: 13px 33px;
                    line-height: 38px;
                    font-size: 11px;
                }
                    #navigation li a:hover { text-decoration: none;}
                    #navigation li ul {

                        position: absolute;
                        background: transparent  url(gfx/navigation_hover.png) left top repeat;
                        z-index: 1000;
                        min-width: 100%;
                                                 display:none; 
                                                left:-1px;
                    }
                    #navigation li:hover ul {


                                                        display:block;   

                    }
                        #navigation li ul li {
                            background: none;
                            width: 100%;
                    }
                            #navigation li ul  li:hover {
                                    background: none;
                                background-color: #2a51b5;



                            }
                            #navigation li ul li a {
                                text-transform: uppercase;
                                color: white;
                                padding-left: 8px 10px;
                                line-height: 28px;
                                width: 100%;
                                display:block;



                            }

---

从下拉列表到下拉列表的基本区别是子级的偏移量

ul

：

下拉菜单的顶部为：pxbottom:px

我修改了您的代码以使其正常工作：

基本上，我改变了以下规则：

#navigation li ul {
     top: -9999px;        /* <- removed */
     display:none;        /* <- this will trigger the hide/show */
}
#navigation li:hover ul {
     bottom:20px;         /* <- this is the trick to push the ul up */
     display:block;       /* <- show the ul on hover */
}

#导航{
top:-9999px；/*请解决您遇到的问题。我会在修复后处理。目前正在处理，希望在十分钟左右完成。还有，您的菜单有多远？您可以将更改应用到示例小提琴吗？不幸的是，仍然没有。我已添加更改。这会使菜单向上移动，文本为m爱下去（如果你明白我的意思）.不，不是真的，如果你想给我写一条评论，在前面加上@Christoph，否则我不会得到通知。你试过我的例子提琴吗？你能用它来解释你的问题吗？谢谢！我会看看我能不能解决它。我是个新手，基本上是在纠正别人的错误，但我应该做到：-）@Nathan尽量不要如果你还有任何问题，请戴上帽子，四处转转——问问；）在这一点上，当我试图将你的更改应用到站点时，我似乎被困在了某个地方（参见crisislab.nl）。我已经能够将菜单放在正确的位置，但现在文本似乎再次向下而不是向上。任何额外的帮助都将不胜感激！我已经更改了上面的代码，让您知道我最后的更改是什么。