Проблемы CSS с div в Internet Explorer 9

Question

Я поместил прозрачный div на изображение, чтобы связать часть изображения.Это прекрасно работает в Firefox, Opera, Chrome и Safari.Но когда я попробовал это на IE, это дало проблемы.Естественно, я думал, что это проблема с позициями CSS, но когда я дал div цвет фона, он внезапно работает.

Можно ли использовать div с прозрачным фоном для связи чего-либо?

HTML:

<div id="linksabout" class="links" ></div>
<div id="linksnames" class="links" ></div>
<div id="linksabc" class="links" ></div>
<div id="linkscontact" class="links" ></div>
<div id="linksnews" class="links" ></div>

Ссылка с помощью jquery:

$('#home').click(function()
{
    change_page(1);
});
$('#about').click(function()
{
    change_page(2);
});

и так далее ...

ширина и высота определяются css.Спасибо

Answer 1

Я уже сталкивался с этой проблемой в IE, одним из решений будет использование карты изображений, или вы можете добавить цвет фона и установить непрозрачность 0

.

#home{ background-color:#000; opacity:0; filter:alpha(opacity=0); /* For IE8 and earlier */}