使用CSS / HTML在悬停时更改图像

一种解决方案是将第一个图像也用作背景图像，如下所示：

<div id="Library"></div>#Library {   background-image: url('LibraryTransparent.png');   height: 70px;   width: 120px;}#Library:hover {   background-image: url('LibraryHoverTrans.png');}

如果您的悬停图片大小不同，则必须将它们设置为：

#Library:hover {   background-image: url('LibraryHoverTrans.png');   width: [IMAGE_WIDTH_IN_PIXELS]px;   height: [IMAGE_HEIGHT_IN_PIXELS]px;}