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

【问题标题】：Linked image in HTML (both wrapped and internal link) won't 'link'HTML 中的链接图像（包装和内部链接）不会“链接”
【发布时间】：2013-12-03 06:10:41
【问题描述】：

我正在开发一个有“开关”的网站（只是链接到不同版本网站的图片）。图像将显示，但不可点击。经过一些故障排除后，我还发现在我放入任何 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;
}

任何帮助将不胜感激。谢谢！

【问题讨论】：

用 A 标记包裹的 A 标记是无效的 HTML。
你的问题对我来说没有多大意义。请尝试更好地解释它:)。你想让图像本身可点击吗？另外，我同意 Diodeus
@diodeus 已更改，但仍无法正常工作。
@hunter 没错！我只希望图像在点击后转到新网站。
IMG 标签也没有 href 属性或 alt 标签。您的内联样式会覆盖您的 CSS，并且您正在将绝对定位与 FLOATS 结合起来。你需要回到基础并做一些阅读。

标签： html css image hyperlink

【解决方案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;
}

【讨论】：

我试过了，超链接还是不行。无论如何感谢您的帮助！还有其他想法吗？