2008/11/28 11:04
1. CSS Expression 사용
:: css에서 javascript의 메소드 사용
IE6 Background Flicker 문제
html { filter: expression(document.execCommand('BackgroundImageCache', false, true));}
점선제거
a{selector-dummy: expression(this.hideFocus=true);}
2. CSS Expression의 문제점
마우스를 이동하거나 조금 움직이기만 해도 css expression이 여러번 실행된다.
참고> http://www.potatosoft.com/tt/188
3. 해결방법
:: CSS expression이 브라우저의 이벤트와 자동으로 연결된다는 점을 이용하자!
참고>
http://naradesign.net/wp/2008/04/29/140/
http://html.nhndesign.com/blog/?p=21
http://html.nhndesign.com/blog/?p=78#comments
:: css에서 javascript의 메소드 사용
IE6 Background Flicker 문제
html { filter: expression(document.execCommand('BackgroundImageCache', false, true));}
점선제거
a{selector-dummy: expression(this.hideFocus=true);}
2. CSS Expression의 문제점
마우스를 이동하거나 조금 움직이기만 해도 css expression이 여러번 실행된다.
참고> http://www.potatosoft.com/tt/188
3. 해결방법
:: CSS expression이 브라우저의 이벤트와 자동으로 연결된다는 점을 이용하자!
<script>
try {document.execCommand('BackgroundImageCache', false, true); } catch(e) {}
$(function() {
if (jQuery.browser.msie) {
$("a").each(function(){ this.hideFocus=true; });
}
});
</script>
try {document.execCommand('BackgroundImageCache', false, true); } catch(e) {}
$(function() {
if (jQuery.browser.msie) {
$("a").each(function(){ this.hideFocus=true; });
}
});
</script>
참고>
http://naradesign.net/wp/2008/04/29/140/
http://html.nhndesign.com/blog/?p=21
http://html.nhndesign.com/blog/?p=78#comments
TAG CSS,
Expression
