KeyWeb

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

1111111111Rating 4.31 (13 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;
}

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


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

KeyWeb

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

Вверх
Вниз