Html 寻找最佳水平网页菜单&；为什么要使用图像？

我正在为我的网页寻找好看的水平菜单。我一直在看其他网站，我注意到很多网站在菜单上使用图像。维护（每个菜单项都有一个单独的图像）似乎真的很痛苦。为什么有人会对这种方法感到烦恼？只是为了得到某些可能不在机器上的字体吗

问题是，当我搜索常规的基于文本的网页时，它们看起来都属于一个10岁的孩子在1995年建立的网页。是否有一个真正好看的水平菜单而不使用图像？

试试这个-

---

他们有付费版和免费版。我认为这取决于你如何使用它。

有成千上万的，其中许多是由斯图·尼科尔斯创作的。他们中的一些人有点太前卫了，但里面有一些很棒的东西

另一方面，图像现在或过去经常用于创建各种Web 2.0米圆角，带有渐变蜡笔和光泽玻璃覆盖层。这不是我曾经支持过的一种技术，我更愿意坚持使用实现良好的基于文本的菜单结构（臭名昭著的

等等）

基于图像的菜单的一个问题是，如果用户放大或缩小了它们的显示，它们不会正确地展开或收缩。这导致了各种各样的方法，或者说两种方法都引入了很多额外的元素，以实现CSS现在或多或少可以自己实现的东西（IE家族中的很多人都有明显的例外）。这是一个解决方案，但这是一个带来问题的解决方案…

搜索“”，您将看到许多只使用CSS的漂亮水平菜单。但是，设计师可能有特定的想法，需要特定的背景，如您所说的特定字体，或者需要花费大量精力在CSS中创建的特定布局，而不仅仅是显示正确的图片。在这些情况下，使用图像可能是一个更好的选择，您可以确保它在任何浏览器中看起来都完全相同

---

还可以使用PHP等工具自动生成图像。通过这种方式，您可以使用单个基本图像并添加所需的任何文本，解决了菜单项发生很大变化时的可维护性问题，或者您需要不同语言的文本等。

以下链接中提供了许多基于CSS的菜单-

下面包含一个简单但优雅的菜单，不使用图像-

---

我最终使用了非常有效的菜单。

我实际上喜欢其中的一些菜单，但它们似乎都不支持在您悬停时显示的菜单项列表，因为我需要一个下拉菜单layout@000-只需查看此链接，它具有符合您要求的菜单。在动态驱动链接上，在7页菜单中，只有大约5个支持下拉列表。