HTML中的链接图像（包装和内部链接）都不会“链接”

Question

我正在开发一个有“切换”的网站（只是链接到不同版本网站的图片）。图像将显示，但不会被点击。经过一些故障排除后，我还发现在我放入任何CSS或内部样式之前它是可点击的。图像使用包装链接和内部链接。

代码：

<a href="aboutOff.htm">
<div style="position:absolute;left:90%;float:right;">
<img src="on.jpg" href="aboutOff.htm" alt="Switch" id="switch" style="z-index:12; float:right;"/>
</div>
</a>

CSS：

#switch{
width:119px;
height:auto;
z-index:10;
}

任何帮助都会非常感激。谢谢！

Answer 1

HTML

<div class="switchContainer">
    <a href="aboutOff.htm">
    <img class="switch" src="on.jpg" href="aboutOff.htm" alt="Switch"/>
    </a>
</div>

和CSS

.switchContainer {
    position:absolute;
    left:90%;
}

.switch {
    width:119px;
    height:auto;
    z-index:10;
}