첫 번째 호버 이미지가 사라지고 두 번째 호버 이미지가 나타납니다

Question

CSS가 이미지를 가져 와서 마우스를 올리면 이미지를 바꿀 수 있습니다. 문제가 내 첫 번째 호버에 이미지가 나타나지 않습니다.. 두 번째 마우스를 가리면 이미지가 나타납니다. 그리고 다음 호버들, 모든 것이 잘 작동합니다.

왜, 어떻게 해결합니까?

Answer 1

처음으로 브라우저를 가리키면 서버에서 새 이미지를 요청하고 다운로드해야하기 때문입니다. 이것은 시간이 걸리고 당신이 보는 연기입니다. 후속 호버는 브라우저 캐싱으로 인해 빠르게 작동합니다.

CSS sprites을 사용하면이 문제를 피할 수 있고 또한 피해야합니다.