html - 超链接不适用于图像

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 很重要，因为标头具有非常高的值，需要发送回。