带hover效果的背景图片为什么只能是一张

如果不是一张,参考以下:

1、default状态

2、理想的hover状态

3、实际上,由于在hover时才加载背景图片,第一次hover状态

解决办法:

1、合成一张图片

2、用background-position来处理hover显示效果,一个坏处就是要指定容器的尺寸