通过hover改变图片背景导致闪烁

在CSS中，处理鼠标悬浮时切换背景，经常采用的是给元素加上“：hover”伪类，从而替换背景；

然而，当想改变背景图片时，会发现图片切换时，会有闪烁问题。

根本原因，应该是当hover事件发生时，页面才去请求切换的图片，请求的过程就会导致闪烁问题的发生。

 

解决方案：切图时，将两张背景图放在同一张图片中，通过background-position定位切换图片，问题迎刃而解