美好的一天，我的HTML页面上有一个固定宽度和高度的DIV。在正常状态下，它应该在背景上显示图像A，在悬停状态下它应该显示图像B.我知道如何使用CSS和两个图像文件A和B.我在某处看到这两个图像（A和B）放入单个图像文件，然后他们以某种方式编写CSS，以便在正常状态下DIV显示背景上的图像的上半部分，并且在悬停状态下它显示图像的下半部分。你可以建议CSS代码来实现这个目标吗？ DIV没有位置设置，但它是具有相对位置的DIV的孩子。提前谢谢。
Vojtech
答案 0 :(得分：2)
这称为CSS spriting，是一种非常棒的技术，每个人都应该使用。
有关概述，请参阅this answer。它归结为具有定义高度和宽度的DOM元素并使用大于该区域的背景图像。然后，您可以使用background-position