CSS下拉列表问题

我是一个.NET/Java的家伙，必须做一些网站的事情。CSS等的完全初学者。我一直在使用一个模板，不得不将菜单转换为下拉菜单，并且遇到了很多困难

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

菜单项相互重叠

---

谢谢你的帮助！非常感谢。

我不确定这对你的项目是否可行，但有很多可能会阻止你重新发明轮子。

好吧，这取决于1）你是否只是想让某件事情运转起来，或者2）你坚持自己做并理解它

如果1）我相信CSS菜单生成器（你不需要使用它，只需研究它的输出）

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

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

好消息是HTML验证程序说您的HTML没有问题

---

如果你想学习CSS，我可以推荐一些很棒的网站，这里有一个非常简单的垂直示例，可以让你开始学习：

HTML

---

+1另外，大多数浏览器不一致都是通过固定的解决方案解决的。我不知道这两种工具。CSS生成器真的很棒。我现在真的没有时间去学习CSS，接下来我会有一些钱去支付一个合适的网络人，他非常适合我现在需要的东西。谢谢没问题。W3C是官方标准机构，所以他们的验证器应该是正确的；任何经过验证的内容都应该在潮湿的浏览器中正确显示（cough-MSIE-cough）。一定要使用现成的东西（但要检查许可证，因为你是商业性的；远离GPL，尽管LGPL是可以的，Apache、MIT等也可以，如果有疑问，请咨询律师）我建议使用PHP，而不是HTML，因为你迟早会想要一些逻辑。如果你选择PHP，为什么不从那里访问并使用一些东西呢。您可能会对Drupal等为您提供的服务感到惊讶

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

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