超链接不适用于图像

我想从图像中创建链接，意味着点击图像后我想重定向到其他网站。我已经使用了以下超链接不适用于图像

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

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

来源

2013-09-25 user2815758

当我制作一个html文件时似乎适用于我。你能向我们展示div类的CSS吗？ –

感谢您的宝贵意见。我已经更新了div'haus'的CSS代码，但它现在不能工作。我已经突出显示红色部分 – user2815758

我添加了问题中的css代码 – user2815758

你的形象的背后是一面旗帜。试试这个：

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

z-index很重要，因为头部有很高的值需要发送回来。

来源

2013-09-25 14:57:11 opalenzuela

感谢您的宝贵意见。我已经更新了div'haus'的CSS代码，但它现在不能工作。我已经突出显示红色的部分 – user2815758

请尝试以下操作：.haus> a {position：absolute; z-index：9999;} – opalenzuela

我想解释一下我的建议。 div“haus”受到标题的限制，而我们在前面需要的就是元素“a”。这就是为什么我建议使用限制性CSS选择器，以避免网站中其他元素的副作用。 – opalenzuela

超链接不适用于图像

回答

相关问题