图片的 HTML 链接不起作用

Question

<div style="position:absolute; top:0; right:0">
    <a href="index.html">
        <img src="~/Content/Img/tr.png" alt="Türkçe" />
    </a>
    <a href="index_en.html">
        <img src="~/Content/Img/eng.png" alt="English" />
    </a>
</div>

我的主页中有这个 html block 。图片显示但链接无效。事实上，如果我删除它开始工作的样式。我很困扰。

Answer 1

某些元素与您的链接重叠，只需添加 z-index: 1;在你的<div>风格，jaunt 得到了答案!

<div style="z-index: 1; position:absolute; top:0; right:0">
    <a href="index.html">
        <img src="images/tr.png" alt="Türkçe">
    </a>
    <a href="index_en.html">
        <img src="images/eng.png" alt="English">
    </a>
</div>