css - HTML/CSS 图像导航栏

Question

我正在为我的网站制作一个导航栏。导航栏是一张图片，我想知道您是否可以在 CSS 中分割部分图片以链接到不同的页面。这可能吗？如果是，怎么办？

map 标签建议非常有效。谢谢!

Answer 1

两种不同的方式来做你想做的事:

• 安 image map (虽然并没有真正使用 CSS)，或者

• 使用正确的 HTML markup+CSS sprites ，类似于:

  <ul class="nav">
      <li><a href="foo">Foo</a></li>
      <li><a href="bar">Bar</a></li>
      <li><a href="baz">Baz</a></li>
  </ul>
  

并将其与 CSS 结合 background-position .