Как я могу сделать только части изображения ссылки?

Question

Как я могу сделать только части изображения ссылки?

0

Сайт, о котором идет речь (фиолетовая плитка внизу справа, зеленые ящики - это цели.

У меня есть следующий html, использующий теги области, чтобы выбрать первую зеленую рамку, но я не могу щелкнуть ее как ссылку. Я использую bootstrap, если это имеет значение.

<div class="col-md-4">
  <img src="octa.png" usemap="#pmc">
  <map name="pmc">
    <area shape="rect" coords="978,482,1038,512" alt="pmc" href="www.google.com">
  </map>
</div>

Любая помощь приветствуется!

Kwaddell 21 окт. 2014, в 18:33

Источник

0

является потомком элемента a или button. Вы не можете использовать USEMAP для них?
Billy 21 окт. 2014, в 16:22

Теги:

html

html5

2 ответа

0

вы можете использовать относительные и абсолютные свойства css

<div style="position:relative;">
  <a href="#" class="links" id="item1"></a>
  <a href="#" class="links" id="item2"></a>
  <img src="src/of/img.png" />
</div>

css сторона

.links {
  display:block;
  position:absolute;
}

Ahmed A. Supzero 21 окт. 2014, в 13:27

Ещё вопросы

является потомком элемента a или button. Вы не можете использовать USEMAP для них?

ghoti · Accepted Answer · 2014-10-21T14-19-00.000Z

Вы можете включить несколько областей в свою карту.

<img src="octa.png" usemap="#map" />

<map name="map">
  <area shape="rect" coords="51,47,112,77"  href="..." title="PMC Post" />
  <area shape="rect" coords="188,47,249,77" href="..." title="Direct Download" />
</map>

Спасибо, я вижу, где я ошибался - я измерял координаты в правом верхнем углу сайта.
В верхней / правой части страницы? Да, это будет проблемой, особенно если вы измените размер окна браузера. :-) Вы также можете рассмотреть возможность сделать это в CSS. В Интернете есть учебники, вот один, который я недавно добавил в закладки.
Я имел в виду слева, я не знаю, куда я иду прямо: P