在悬停替换图像

时间:2014-05-01 16:38:40

标签: html css

如果其他图像

,如何更改图像
    <div class="col-md-3">
     <a href="klanten/detail/19/de-bibliotheek-zuid-kennemerland.html">
        <img src="cms_img/logo_zuidkennemerland7.png" alt="" />
        <img class="hover" src="cms_img/logo_zuidkennemerland72.png" alt="" />
     </a>       
    </div>

1 个答案:

答案 0 :(得分:2)

&#34;悬停&#34;不是一个班级。这是一个伪阶级。你需要创建一个具有适当大小的div并使用CSS,给它一个图像作为背景,然后&#34;:hover&#34; class给它另一个图像。

<style>

#mything {
 background-image: url(cms_img/logo_zuidkennemerland7.png);
}


#mything:hover {
 background-image: url(cms_img/logo_zuidkennemerland72.png);
}
</style>