html 在悬停时显示图像，隐藏当前图像

Posted 2021-05-11

<div class="imageBox">  
	<div class="imageMain"><img src="<?php the_field('car_image') ;  ?>"></div>
	<div class="showme"><img src="<?php the_field('car_image_hover') ; ?>"></div>			
</div>  


<style>
.showme{   
	display: none;      
}

.imageBox:hover .showme{ 
	display : block;
}

.imageBox:hover .imageMain{
	display : none;
}
  
</style>