0

美好的一天，我的 HTML 页面上有一个固定宽度和高度的 DIV。在正常状态下，它应该在背景上显示图像 A，在悬停状态下，它应该显示图像 B。我知道如何使用 CSS 和两个图像文件 A 和 B 来做到这一点。在某个地方我看到了这两个图像（A 和 B）放入一个单独的图像文件，然后他们以某种方式编写 CSS，以便在正常状态下，DIV 在背景上显示图像的上半部分，在悬停状态下，它显示图像的下半部分。您能否建议使用 CSS 代码来实现这一目标？DIV 没有设置位置，但它是具有相对位置的 DIV 的子项。先感谢您。

沃杰科技

4

1 回答 1

2

这被称为 CSS spriting，是每个人都应该使用的很棒的技术。

请参阅此答案以获得良好的概述。它归结为拥有一个具有定义的高度和宽度的 DOM 元素，并使用大于该区域的背景图像。然后，您可以使用选择性地仅显示该背景图像的一部分background-position

于 2012-04-12T21:05:10.643 回答