これらのCSSアブソリュートポジションはIEでどのように動作させることができますか？

Question

下記のコードをご覧ください。あなたが体の図を見ると、各色は右の異なる内容を表しています。しかし、これらのリンクはIEでは動作しません。私が書いたCSSのためだと思います。

IEでこれをどのように複製することができますか？

HTML：

<div id="male"> 
    <img src="male1.png" alt="male1 Compensation Calculator" title="male" width="130" height="300" class="alignleft size-full wp-image-117" /></p> 
    <div class="head"><span class="whole fakelink"></span></div> 
    <div class="neck"><span class="whole fakelink"></span></div> 
    <div class="arm1"><span class="whole fakelink"></span></div> 
    <div class="arm2"><span class="whole fakelink"></span></div> 
    <div class="torso"><span class="whole fakelink"></span></div> 
    <div class="legs"><span class="whole fakelink"></span></div> 
</div> 

CSS：私は彼らの両方が最終的背景を必要に降りてくるものの、この問題を解決するために2つだけの解決策を知っている

div.head { 
    position: absolute; 
    width: 70px; 
    margin-left: 31px; 
    height: 70px; 
} 
div.neck { 
    position: absolute; 
    height: 6px; 
    width: 18px; 
    margin: 70px 0px 0px 56px; 
} 
div.arm1 { 
    position: absolute; 
    height: 105px; 
    width: 30px; 
    margin: 77px 0px 0px 100px; 
} 
div.arm2 { 
    position: absolute; 
    height: 105px; 
    width: 30px; 
    margin: 77px 0px 0px 0px; 
} 
div.torso { 
    position: absolute; 
    height: 118px; 
    width: 70px; 
    margin: 77px 0px 0px 31px; 
} 
div.legs { 
    position: absolute; 
    height: 105px; 
    width: 69px; 
    margin: 195px 0px 0px 31px; 
} 
.whole { 
    width:100%; 
    height:100%; 
    display:block; 
} 
.fakelink { 
    color:white; 
    font-weight:bold; 
} 
.fakelink:hover { 
    cursor: pointer; 
    text-decoration:none; 
} 

Answer 1

：

オプション1
background-colorを.fakelinkに設定すると、透明ではありません。明らかにあなたのケースではこれはあまり役に立ちませんが、それはバックグラウンドの必要性を示すでしょう。

だけIE9をサポートするために必要とされた場合、私は低アルファ不透明でRGBAを使用することをお勧めします：

.fakelink{ background-colour: rgba(255,255,255,0.01) } 

オプション2
使用小さな透明の.pngまたは.GIFやタイル、それをとしてbackground-imageの.fakelink