소셜로그인
CSS와 관련된 팁이 있는 곳입니다. 좋은 자료 공유해 주세요.
글 수 100
익스6에서 :hover :focus 적용하기
2011.06.15 16:28:18
0
조회 수 : 2284
![[레벨:30]](http://www.webmini.net/modules/point/icons/xeicon/30.gif "포인트:65109point, 레벨:30/30"){kind=icon}
빽짱구| 출처 : |
|---|
익스6에서는 a:hover {} 이런식의 앵커태그만 적용되고 다른 엘리먼트에서는 적용되지 않는 문제점이 있습니다.
ex)
.lnbMenu:hover,
.lnbMenu:focus {background-color:#f4f4f4;}
이럴때 해결방법입니다.
.lnbOver {background-color:#f4f4f4;} /* 적용할 디자인 class명 */
.lnbMenu { /* 익스6에서 hover 적용하기 */
behavior: expression(
this.onmouseover = new Function("this.className += ' lnbOver';"),
this.onmouseout = new Function("this.className = this.className.replace(' lnbOver', '');"),
this.style.behavior = null
);
}
0
0
단점이 없는 사람은 장점도 거의 없다 - 에이브러햄 링컨
