hover 이미지 적용시에..IE에서는 hover 후 원래대로 돌아가지를 않습니다.
민아
nav_1.gif#nav_main ul.depth1 li.menu-1 a span {
background: url(./images/nav_1.gif) no-repeat left top;
}
#nav_main ul.depth1 li.menu-1 a:hover span {
background: url(./images/nav_1.gif) no-repeat right top;
}
위와 같은 식으로..
백그라운드 이미지를 평상시, 마우스 오버시를 가로로 붙여서 하나의 이미지파일로 만든 후
마우스 올리면 백그라운드이미지 정렬을 left에서 right로 바꿔서
롤오버가 구현되도록 했는데.
요놈이 파이어폭스에서는 제대로 작동하는데,
IE에서는 롤오버까진 잘 되는데 그 다음에 마우스를 치워도 원래 상태로 되돌아가지를 않네요.
(hover 상태, 즉 백그라운드이미지 정렬이 right로 고정되어있습니다.)
이거 어떻게 해결해야할까요? ^^;
a의 경우, a:link, a:visited, a:active 로 나누어 모두 적용해봐도 똑같네요..
읽어주셔서 감사합니다~!
-
도란 2025-08-08
말씀대로 span을 빼니까 제대로 작동하네요^^ 메뉴의 텍스트를 이미지가 덮어서 안보이도록 span을 만들어 준 것인데..빼고 다른 방법으로 해봐야겠네요^^; 말씀 감사합니다!
-
플랜 2025-08-08
다른 CSS와 마크업을 보면 좋겠지만 예상에는 #nav_main ul.depth1 li.menu-1 a span 에서 span을 제외시키면 될 듯 싶습니다.