반응형 BASE641 마우스 커서 css로 변경시 Base64를 사용하기 자바스크립트로 특정 위치에서 오른쪽 마우스가 눌렸을 때 마우스 모양을 변경을 하는 기능이 추가되었다. 클래스를 추가했고, 기능은 제대로 동작이 되는데 마우스 모양이 계속 변경이 되지 않는 이슈가 있었다. 경로도 분명 잘 되었고 개발자도구에서도 이미지는 보이는데 왜 커서가 변경되지않았다.찾아보니 브라우저가 읽어올때 캐싱이나 로드 실패의 경우도 있을거라는 추측이다. 방법은 base64 형식으로 이미지를 변경해서 즉시 변경 할 수 있게 하는 방법이다. .custom-cursor { cursor: url('https://example.com/cursor.png'), auto; }해당 방법으론 변경이 되지 않았고 .custom-cursor { cursor: url('data:image/png;ba.. 2024. 12. 6. 이전 1 다음 728x90 반응형