Панель навигации изображения HTML / CSS

Question

Я делаю панель навигации для моего сайта. Панель навигации представляет собой изображение, и мне интересно, если в CSS вы можете разделить части изображения для ссылки на разные страницы. Это возможно? Если да, то как?

Предложение тега карты сработало отлично. Спасибо!

Answer 1

Два разных способа сделать то, что вы хотите:

• карта изображений (хотя на самом деле не использует CSS) или

• Используйте правильную HTML-разметку + CSS-спрайты , что-то вроде:

  <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.

Answer 2

Вам следует попробовать спрайты CSS-изображений http://stylemeltdown.com/2007/10/22/image-sprite-navigation-with-css/ для навигации. Или вы можете использовать карту изображений, но я думаю, что спрайты CSS - более современный и стандартный способ сделать это.

Answer 3

Вы можете использовать HTML-тег MAP, см. http://www.w3.org/wiki/HTML/Elements/map