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 */}