javascript - 탐색을 클릭하여 스프라이트 이미지와 글꼴 색상을 전환하는 방법은 무엇입니까?

Question

사진처럼 보이지만 사진에는 4페이지가 있습니다. 지금 하고 싶은 일은 아이콘을 클릭하고 페이지의 글꼴 색상을 변경하는 것입니다. 그러면 스프라이트 이미지로 아이콘이 만들어집니다. 아래는 주로 스프라이트 이미지에 따른 코드 스크린샷입니다.

世界只因有你 · Answer

배경 위치 배경 위치를 변경하고 두 세트를 만듭니다. 하나는 회색이고 다른 하나는 컬러입니다

색상을 글꼴로 사용하세요

그리고 두 장의 사진을 사용하고 싶지 않다면 CSS 마스크를 사용해도 되지만 호환성이 별로 좋지 않습니다

이제 백그라운드 위치 클래스 세트를 작성했으므로 클래스를 전환하세요

漂亮男人 · Answer

으아악

이것을 참고해주세요