2014-05-01 109 views
-2

我如何可以使图像的变化,如果其他图像悬停更换图像

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

回答

2

“悬停”是不是一类。这是一个虚拟类。你需要创建一个适当大小的div并使用CSS,给它一个图像作为背景,然后“:hover”类给它另一个图像。

<style> 

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


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