如何使这些CSS绝对位置在IE中工作？

请看下面的代码。如果你看身体的图表，每种颜色在右边代表不同的内容。然而，这些链接在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>

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;   
}

---

我知道只有两种解决方案可以解决这个问题，尽管它们最终都需要一个背景：

选项1
在

.fakelink

上设置不透明的

背景色。虽然很明显，在你的情况下，这将不是很有帮助，它将说明需要一个背景

如果您只需要支持IE9，我建议使用低alpha不透明度的rgba：

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

选项2

使用一个小的透明.png或.gif并将其平铺为
背景图像
.fakelink
您对7 8或9的哪个版本ie有问题定义“不工作”。有什么事发生吗？我唯一看到的错误是您正在关闭一个似乎不存在的
p
元素。顺便说一下，在CSS中使用0时，不必指定单位。任何单位中的0将始终与任何其他单位中的0相同。但这当然不是问题所在。：）旧版本的IE确实存在绝对位置问题，是的。如果你一定要支持的话，这里有一篇文章可能会有所帮助：哦，我刚刚查看了这个网站，现在我的问题是：为什么不使用客户端图像映射呢？imge映射没有使用，因为我之前使用的另一个内容滑块不起作用。我一直在使用IE9，但假设8及以下版本也会出现此问题，因为它适用于此解决方案！我需要支持尽可能多的IE版本，所以使用了有效的选项2！