IE6에서 a 에 PNG 배경 처리 후 hover 가상 클레스 적용하기
피네
아훔... 죽어라 찾아봐도 해결방법이 안보이네요 ㅠㅠ
a {background:url(../../img/lnb_smenu1.png) 0 0 no-repeat; display:block; _behavior:url(/common/js/iepngfix.htc); _cursor:hand;}
a {width:110px; background-position:0px 0px;}a:hover {width:110px; background-position:0px -18px;}
이런식으로 하면 IE6에서투명 처리와 마우스 오버까지는 되는데
실제 a:hover 가 적용이 안되서 문제입니다. ㅠㅠ
정 안되면 그냥 jpg나 gif로 배경색 넣고 하면 되긴 하는데...
IE6한테 무릅꿇기는 싫네요 ㅠㅠ
이 문제 해결 방법 아시는분!!!
(position:relative; 도 해봤지만 안되더군요 ㅠㅠ)
-
눈 2024-03-19
네에~
-
들찬 2024-03-19
마우스 이벤트를 이용해서 스크립트 처리를 해야한다는 말씀인거죠?
CSS로만은 안되어서 스크립트로 해결 하긴 하였는데요...
이게 웃긴것이 addClass를 이용해서 임의의 클래스를 넣어주니 나오더군요;
여튼!! IE6 버그 언능 사라졌음 좋겠네요 ㅠㅠ -
덕이 2024-03-19
스크립트를 이용하면 반복과 위치값을 적용 할 수는 있는데용
문제는 :hover 등의 가상클레스를 적용했을때 background 의 컬러는 적용이 되지만
배경 이미지의 포지션 변경은 되지 않네요.
정 안되면 IE6일때는 onmouseover 오버 이벤트를 별도로 줘서 클레스 자체를
바꿔주는 형식으로 해야 할것 같아요 -
은소라 2024-03-19
개인적인 생각인데... display:block하면 잡히지 않을까요..=_=;;;;
-
잉간 2024-03-19
_behavior: expression... 이용하여 ie6만 적용되도록 하여야합니다. onmouseover/mouseout 클래스 사용으로 하여야합니다.
-
곰탱이 2024-03-19
display:block 은 이미 해놓은 상태구요 ㅎㅎ
png 의 경우 background:red url(png파일) 0 -20px; no-repeat;} 으로 했을 경우
hover 일 경우 color는 적용 되는데 배경 포지션은 적용이 되지 않아서요.
정 안되면 jquery 써서 해결하면 되긴 하는데... 그냥 css 만으로 해결 할 수 없을까 해서요 ㅠㅠ