CSS 下拉问题

Question

我是一名 .NET/Java 人员，必须做一些网站工作。 CSS 等完全是初学者。我一直在使用模板，并且必须将菜单转换为下拉菜单，并且遇到了很多困难。

我已经上传了当前的迭代，可以在这里找到它的准系统菜单和 css 页面：

http://www.nitricburnstudios.com/tmp/cssproblems/features.html

菜单项彼此重叠。

感谢您的帮助！超级感谢。

Answer 1

我不确定这是否适合您的项目，但是有很多罐装 解决方案 到这个 这应该可以防止你重新发明轮子。

Answer 2

嗯，这取决于 1）您是否只是想让某件事发挥作用，或者 2）您坚持自己做并理解它。

如果 1) 我发誓使用 http://wonderwebware.com/css-menu/ CSS 菜单生成器（您不需要使用它，只需研究它的输出）

如果 2）您需要做的第一件事是了解 W3C 的验证服务。我通过 CSS 验证器 运行了你的 dropdown.css ，它有 1 个错误，这可能是导致你的问题“属性行为不存在：url（csshover.htc）url（csshover.htc）”

Styles.css有11个警告“两个上下文中颜色和背景颜色相同”，这可能解释了为什么我在菜单上看不到任何文本:-)

好消息是 HTML 验证器表明您的 HTML 没问题。

如果你想学习 CSS，我可以推荐一些很棒的网站

Answer 3

这是一个非常简单的垂直示例，可以帮助您入门：

HTML

  <div id='dropper'>
    <div>Foo</div>
    <div>Bar</div>
    <div>Bas</div>
    <div>Snork</div>
  </div>

CSS

#dropper { overflow: hidden; height:25px; line-height:25px }
#dropper:hover { height:100px }