超链接不适用于图像

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-index非常重要，因为标题的值非常高，需要发送回来。