CSS изображение как ссылка

1111111111Rating 4.25 (12 Votes)

Когда то мною использовался в этих целях img src, теперь же стараюсь все делать по возможности с использованием CSS, в данном случае это изображение в виде ссылки. Для этого необходимо ссылку отображать в виде блока, с соотвествующими размерами, фоном данного блока сделать соотвествующее изображение.

Ссылка

<a id="link" href="#"><span>Link text</span></a>

Стиль

#link {
  display: block;
  width: 170px;
  height: 268px;
  background: url('/../images/rgroup.png') no-repeat;
}
#link span {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}

Добавить комментарий


Обновить
Защитный код

Сейчас 112 гостей и ни одного зарегистрированного пользователя на сайте

Вверх
Вниз