이미지 on/off 스크립트, focus 등 관련하여 질문합니다.
슬현
현재 특정 사이트 부부 리뉴얼 작업에 어찌저찌... 똥치우러온 초짜 퍼블리셔 입니다.
어쨋든 각설하고 질문좀 드리겠습니다.
이미지 on/off 스크립트 많이 사용하는 부분이죠클래스명 추가하여 백그라운드로 들어가있는 이미지 포지션 값을 변경하여on/off효과를 주었는데요. 이부분이 마우스 클릭시(마우스다운) 상태에서 이미지가 안보이거나focus가 갔을시 이미지가 안보이는 현상이 있네요
마우스 다운상태에서 안보이는건 익스 공통으로 있구 포커스가 갔을때 이미지가 안보이는 것은 ie7에서만 그렇네요
희한한점은 기존사용하던 스크립트이며 css도 크게 영향을 주는 부분이 없을텐데 기존페이지는 잘나오는데새로 리뉴얼 한 페이지에는 이같은 문제가 보이네요
기존과 다른점이 있다라면 제이쿼리 라이브러리 사용 정도일테지만 다른 부분을 위해 새로 추가된것이고기존 이 효과와는 상관이 없는점이라 여겨집니다. 라이브러리 추가한것만으로도 이런 현상이 일어난다면 모를까.
css문제가 아무래도 가장 클것으로 여겨지는데 찾기가 참 힘드네요
혹시 어느 부분이 의심이 가는지 감이 오시는 분들 있으실까요?소스같은 예시 없이 질문하여 죄송합니다~
-
꽃달
음 추가적인 설명을 좀달자면
이벤트 효과는 마우스 오버시에만 이미지 on/off이고 클릭시는 링크입니다.
즉 클릭시에는 따로 효과를 주지 않았는데 클릭한상태 - 마우스 다운 단순이 클릭이 아니라 누르고 있는 상태에서 이미지가 보이지 않습니다. 마치 background-position값 변경되기 직전인것 처럼 이같은 현상은 ie에 공통되게 나타고 tab focus 접근시에는 ie7 일 경우에만 그렇습니다.
저도 여러가지를 생각하고 있기 때문에 굳이 -
달콤이
ie7에서 background-size나 background-position이 안먹혀서 그런건 아닐까요? 조건주석처리가 빠졌다거나
-
다온
클래스명 추가하여 백그라운드로 들어가있는 이미지 포지션 값을 변경하여 on/off효과를 주었는데요.
= 이부분을 보면 css는 문제가 없을듯합니다. class를 바꾸는건데 css가 문제라면 처음부터 안나와야 하는게 맞는거 같아요
의심점!
1. jquery 라이브러리가 바뀌면서 기존 이벤트가 삭제 or 변경 가능성이 있습니다.
2. 이벤트가 mouseover라면 down, focus등을 추가해주면 되지 않을까 싶습니다.
뭐 글만보면 짧은 지식으론 요렇