Ответ 1
u может использовать div(set postition:absolute)
вместо области
Есть ли способ установить цвет фона для элемента HTML <area>
? Я создаю карту изображения, где некоторые разделы карты всплывают всплывающей подсказкой, когда вы наводите на них курсор, и я подумал, что было бы здорово (и удобно), если бы я мог установить цвет фона для элементов <area>
, чтобы вы могли видеть, где они были расположены над изображением.
Я пробовал как фоновый цвет, так и границу, и не имеет никакого эффекта - элементы <area>
остаются "невидимыми". Я предполагаю, что это потому, что <area>
является самозакрывающимся тегом и поэтому на самом деле он не имеет каких-либо измерений? Но форсирование высоты и ширины тоже не помогло.
u может использовать div(set postition:absolute)
вместо области
Это не представляется возможным.
Возможно, вы захотите изучить этот плагин jQuery:
http://plugins.jquery.com/project/maphilight
Вот пример:
<script>
$(function()
{
$('.map').maphilight({
fillColor: '008800'
});
var data = $('#id').data('maphilight') || {};
data.alwaysOn = !data.alwaysOn;
$('#id').data('maphilight', data).trigger('alwaysOn.maphilight');
});
Существуют две библиотеки, которые предоставляют эту функцию. Оба работают одним и тем же самым нетривиальным способом - проверяя, поддерживает ли браузер Canvas, а если это так, рисует форму Canvas, а если нет (например, Internet Explorer), рисует VML.
Есть несколько хороших демо на сайте ImageMapster.
Вы можете дать базовому div id, а затем использовать javascript для изменения цвета фона divs.
<div id = "myDiv"></div>
и
document.getElementById("myDiv").style.backgroundColor = "#FFFFFF";
Вы можете добавить заголовок, чтобы, когда кто-то наводил на него курсор, он узнал об этом.
Пример:
<area title="amazing" shape="rect" coords="0,0,82,126" alt="cool">