超链接不适用于图像

Question

我正在尝试从图像中建立链接，这意味着单击图像后我想重定向到另一个站点。我使用了以下内容

<div class="haus">
    <a href="http://google.com"><img src="http://schwedenladen.de/wp-content/themes/schweden/style/img/haus_icon.png" alt="Haus"></a>
</div>

CSS 代码

.haus {
    height: 100%;
    margin-left: 50px;
    padding: 0 0 5px;
    width: 30px;
    border:1px solid red;
    z-index:999;
} 

当我将

鼠标移到图像上时，我没有获得超链接图标

Answer 1

您的图像在横幅后面。试试这个：

.haus>a {
     position: absolute;
     z-index: 9999;
 } 

z 索引很重要，因为标头具有非常高的值，需要发送回去。