html - 超链接不适用于图像

我正试图从一个图像链接，这意味着在点击一个图像后，我想重定向到另一个网站。我用过以下的

<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;
}

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

最佳答案

你的形象在横幅后面。试试这个：

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

z索引很重要，因为头有一个非常高的值，需要发送到后面。

关于html - 超链接不适用于图像，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19008225/