Internet Explorer 9上div的CSS问题

Question

我在图像上放置了透明div以链接图像的一部分。这在firefox，opera，chrome en 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 */}