仅CSS菜单弹出窗口？

我想有一个标志（说它的简单方形）与4个链接，弹出时，它是鼠标滑过。它们将位于菜单/徽标的上方、下方和侧面

只有CSS才能做到这一点吗？有没有关于如何着手做这件事的建议

从语义上讲，我想在页面中用如下内容对它们进行排序：

<ul><li><a href="Homepage">Logo</a>
    <ul><li class="north"><a href="north">North</a></li>
        <li class="west"><a href="west">West</a></li>
        <li class="east"><a href="east">East</a></li>
        <li class="south"><a href="south">South</a></li>
     </ul>
    </li>
</ul>

对

HTML 请注意，IE6不会在链接之外的任何地方触发

：hover

伪类（您可能希望更改标记）

还可以简单地使用绝对定位来定位弹出窗口

---

看看大意。

坦白地说，我对IE6一点也不在乎。我必须让我在工作中做的一些事情看起来至少有一半体面，但我不会在我的个人项目中对它给予丝毫的关注。无论如何，谢谢，我会试试你的建议。@aslum这是一个开始，但它应该会给你一个大致的想法。一旦你只使用CSS，你也可以添加一些漂亮的JavaScript内容（比如动画）。

             North
       West  Logo   East
             South

<ul><li><a href="Homepage">Logo</a>
    <ul id="map"><li class="north"><a href="north">North</a></li>
        <li class="west"><a href="west">West</a></li>
        <li class="east"><a href="east">East</a></li>
        <li class="south"><a href="south">South</a></li>
     </ul>
    </li>
</ul>

#map li a {
    display: none;
}

#map li:hover a {
    display: block;
}