롤오버이미지 background-position으로 처리할때 active는 어떻게 하나요?
진샘
2023.04.01
이미지 하나에 보통이미지와 롤오버이미지 다 넣어놓고.css의 hover를 이용해서 background-position 이동해서 롤오버시 이미지 바뀌도록 많이 하시잖아요.저도 그렇게 하려고 하는데..메뉴중에 활성화(class=active) 되어 있는 메뉴의 경우 롤오버 되어 있는 이미지로 고정되는데..그상태에서 또 롤오버를 하니까 백그라운드가 없어져 버리더라구요..ㅠ.ㅜ
당연한 결과인데...;; 보통 이런경우 다른 분들은 어떻게 처리하시나 해서 여쭤 봅니다.
-
큰길
성의있는 답변에 진심으로 감사드립니다. ^^
-
Elfin
음.. 활성화 자체를 페이지를 판별해서 줄 수 있지만
class로 지정한 경우라면
저는 그냥 if문으로 active 클래스를 가진놈인지 아닌지로 구분해서 제어 할 것 같아요.
아니면 반대로 활성화 되지 않은 애들에게 클래스를 부여해서
그 클래스를 가진 애들만 롤오버를 적용하시면 될 것 같아요.
지금 막 생각난건데
이미지를 상단- 비활성, 중단- 활성, 하단- 활성 으로 해도 되겠네요 ㅋㅋ 우스개 소리입니다 ( __) -
월향
캬... 그 생각을 못했군요. ^^ 빠른 답변 캄솨합니다!!
-
철죽
아.. 전 바보인가봐요 position을 똑같이 줘버리면 되는구나....
-
삐용삐용
:hover 와 .active 를 동일하게 주면 됩니다