Question

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

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

菜单项彼此重叠。

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

Answer 1

我不确定您的项目是否可行，但是有许多预制solutions到this会阻止您重新发明轮子。

Answer 2

嗯，这取决于1）如果你只想得到一些有用的东西，或2）你坚持自己做并理解它。

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

如果2）你需要做的第一件事就是依靠W3C的验证服务。我通过CSS validator运行你的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 }