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

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

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

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

 

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

posted @ 2017-09-14 13:15  Reylee  阅读(1171)  评论(0编辑  收藏  举报