포럼
JQuery fade 효과 버그문의입니다.
2011.02.26 01:08
안녕하세요.
XE를 접하고 좋은 취미생활을 하고 있습니다.
아직 실력이 조금 부족하여 모르는 것이 많네요.
XE에서 작업중에 아무리 해도 해결하지 못하는 부분이 있어 이렇게 글을 올립니다.
문제는 IE8에서
JQuery의 fadeIn과 fadeOut을 적용하면 작용 객체는 정상적으로 나오는데 하위객체에 CSS 'position'을 주면 효과가 나타나지 않더라구요. 그냥 아무 효과를 주지 않은 것처럼 말이죠.
이상하게도 하위객체에 CSS 'position'을 삭제하면 되구요.
참 난감하네요.
구글크롬, 파이어폭스, IE7에서는 잘 작동하는데 말이죠.
예들들어
<ul>
<li><a href="#test">테스트</a></li>
</ul>
에서
jQuery('li').fadeIn()을 한 경우 'a'태그에 'position'을 주면 아무 효과가 나타나지 않아요.
고수님들 답변부탁드립니다.
XE를 접하고 좋은 취미생활을 하고 있습니다.
아직 실력이 조금 부족하여 모르는 것이 많네요.
XE에서 작업중에 아무리 해도 해결하지 못하는 부분이 있어 이렇게 글을 올립니다.
문제는 IE8에서
JQuery의 fadeIn과 fadeOut을 적용하면 작용 객체는 정상적으로 나오는데 하위객체에 CSS 'position'을 주면 효과가 나타나지 않더라구요. 그냥 아무 효과를 주지 않은 것처럼 말이죠.
이상하게도 하위객체에 CSS 'position'을 삭제하면 되구요.
참 난감하네요.
구글크롬, 파이어폭스, IE7에서는 잘 작동하는데 말이죠.
예들들어
<ul>
<li><a href="#test">테스트</a></li>
</ul>
에서
jQuery('li').fadeIn()을 한 경우 'a'태그에 'position'을 주면 아무 효과가 나타나지 않아요.
고수님들 답변부탁드립니다.
li를 클릭해서 a에 fadein 효과를 주는 경우 문제없이 absolute가 먹히더군요.
다음 a를 클릭해서 li에 fadein 효과를 주는 경우 또한 absolute가 문제없이 먹히더군요.
혹 이게 아닌가 싶어 외부에 span을 놓고 클릭했을때 li에 fadein효과를 주는 상황에서도 문제없이 작동하고 있습니다.
테스트는 ie6에서 해봤습니다.
아 실수를 a를 클릭해서 li에 페이드인 효과를 줄 수가 없지....