Установить цвет фона для элемента HTML <area>?

Question

Есть ли способ установить цвет фона для элемента HTML <area>?Я создаю карту изображения, где определенные участки карты будут всплывать во всплывающей подсказке при наведении на них курсора, и я подумал, что было бы здорово (и удобно), если бы я мог установить цвет фона для элементов <area>, чтобымог видеть, где они были расположены над изображением.

Я пробовал использовать и цвет фона, и границы, и ни один из них не дал никакого эффекта - элементы <area> остаются "невидимыми".Я предполагаю, что это потому, что <area> является самозакрывающимся тегом, и поэтому он не имеет никаких измерений?Но форсирование высоты и ширины тоже не помогло.

Answer 1

Это кажется невозможным.

Возможно, вы захотите посмотреть на этот плагин jQuery:

http://plugins.jquery.com/project/maphilight

Вот пример:

http://davidlynch.org/js/maphilight/docs/demo_usa.html#

Answer 2

вы можете использовать div(set postition:absolute) вместо области

Answer 3

<script>
 $(function() 
 {
      $('.map').maphilight({
      fillColor: '008800'
 });
 var data = $('#id').data('maphilight') || {};

 data.alwaysOn = !data.alwaysOn;
 $('#id').data('maphilight', data).trigger('alwaysOn.maphilight');
 });

Answer 4

Вы можете добавить заголовок, чтобы, когда кто-то зависал над ним, он узнал об этом.

Пример:

<area title="amazing" shape="rect" coords="0,0,82,126" alt="cool">

Answer 5

Есть две библиотеки, которые предоставляют эту функцию.Оба работают одинаково очень нетривиальным способом - проверяя, поддерживает ли браузер Canvas, если да, то рисует форму Canvas, а если нет (то есть Internet Explorer), рисует VML.

• Maphilight как упомянуто выше ( ссылка, которая работает в 2013 )
  • Также включает в себя базовую группировку
• ImageMapster (плагин jQuery), который предоставляет этот плюс другие функции карты изображений:
  • Масштабирование карт изображений (например, для использования с адаптивными изображениями)
  • Переключение на альтернативныйизображения в области
  • Простые всплывающие подсказки и привязка к событиям со списками
  • Группировка

Есть несколько довольно хороших демонстраций наImageMapster site.

Answer 6

Вы можете присвоить базовому div идентификатор и затем использовать javascript для изменения цвета фона divs.

      <div id = "myDiv"></div>

и

      document.getElementById("myDiv").style.backgroundColor = "#FFFFFF";