CSS：单个图像文件中的普通和悬停背景图像
你好，我的HTML页面上有一个固定宽度和高度的DIV。在正常状态下，它应该在背景上显示图像A，在悬停状态下，它应该显示图像B。我知道如何使用CSS和两个图像文件A和B来完成。我在某处看到了这两个图像（A和B）把它放到一个图像文件中，然后他们以某种方式编写CSS，这样在正常状态下，DIV会在背景上显示图像的上半部分，而在悬停状态下，它会显示图像的下半部分。你能建议CSS代码来实现这一点吗？DIV没有设置位置，但它是具有相对位置的DIV的子级。先谢谢你CSS：单个图像文件中的普通和悬停背景图像,css,Css,你好，我的HTML页面上有一个固定宽度和高度的DIV。在正常状态下，它应该在背景上显示图像A，在悬停状态下，它应该显示图像B。我知道如何使用CSS和两个图像文件A和B来完成。我在某处看到了这两个图像（A和B）把它放到一个图像文件中，然后他们以某种方式编写CSS，这样在正常状态下，DIV会在背景上显示图像的上半部分，而在悬停状态下，它会显示图像的下半部分。你能建议CSS代码来实现这一点吗？DIV没有设置位置，但它是具有相对位置的DIV的子级。先谢谢你 Vojtech这被称为CSS spriting
Vojtech这被称为CSS spriting，是每个人都应该使用的一种很棒的技术 有关良好的概述，请参阅。归根结底，就是拥有一个具有定义的高度和宽度的DOM元素，并使用一个大于该区域的背景图像。然后，您可以使用
background position