CSS：正常和悬停在单个图像文件中的背景图像

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

Vojtech

来源

2012-04-12 Vojtech

这就是所谓的拼合CSS是一个真棒技术，每个人都应该使用。

请参阅this answer以获得良好的概述。它涉及到的DOM元素具有定义的高度和宽度，并使用大于该区域的背景图像。然后，您可以选择性地仅使用background-position

来源

2012-04-12 21:05:10 idrumgood

仅显示背景图像的一部分。这正是我一直在寻找的内容。非常感谢！ – Vojtech 2012-04-12 21:10:07

如果您觉得这回答了您的问题，请将其标记为已接受。 – idrumgood 2012-04-12 21:16:22

CSS：正常和悬停在单个图像文件中的背景图像

回答

相关问题