Мы рассмотрели множество возможных решений этой проблемы, но до сих пор не нашли подходящего. Я пытаюсь заставить мои ссылки светиться при наведении курсора, используя CSS

Я пытался использовать каждую версию прямоугольника, чтобы охватить мое изображение, чтобы связать их, но некоторые из них очень маленькие и перекрываются. Есть ли способ включить поли координаты в CSS? Я думаю, что моя главная проблема - это CSS-код, который светится при наведении, запрашивает размер ссылок по ширине и hgt px. Но мои html-ссылки имеют неправильную форму x и y poly координат

Вот один из моих CSS, который я пытался навести, но не уверен, что поместить в область ширины / высоты, если не координаты x и y?

/* wiki image glow */
.wikiimageglow 
{ 
    margin-bottom: 10px; 
    width: px; 
    height:px; 
    display:block; 
    background:transparent url('http://cdn.obsidianportal.com/assets/199195/weird4.jpg') center top no-repeat; 
 }

.wikiimageglow:hover 
{ 
    background-image: url('http://cdn.obsidianportal.com/assets/199539/character.jpg');     
}

Вот ссылки

<img src="http://cdn.obsidianportal.com/assets/199195/weird4.jpg" width="654" height="690" border="0" usemap="#Map">