Explorer 10 ~ 11 에서 페이지 처음 접근시 FadeIn이 됩니다.

Question

안녕하세요. 메뉴 아이콘을 누르면 메뉴 div의 display를 block으로 바꾸고 background color를 white 로

변경시켜주는 Event를 설정했습니다. 하지만 크롬이랑 Explorer 9 에서는 평범하게 동작하는데

Explorer 10 ~ 11 에서는 메뉴 아이콘을 누르면 div가 서서히 나타납니다. 또 이상하게 페이지에 접근하고

메뉴 아이콘을 처음 클릭하면 FadeIn이 적용된것 처럼 나타나다가 두번째 클릭부터는 크롬이랑 동일하게

정상적으로 작동합니다. 코드에 문제가 있는지 Explorer에 문제가 있는지 궁금합니다 !

Answer 1

버전이 낮은 ie 에서는 잘 적용이 되는데 표준 계열의 크롬이나 ie11 등에서는 위와 같은 코드처럼 display:none 혹은 display:block 적용 시 제대로 표시가 안되는 문제가 발생합니다.

display="block" 의 사용이 문제가 되는 부분이라 display="block" 을 대부분 display="" 으로 빈값을 넣는 방법을 사용합니다.

빈값을 넣는 경우 display 속성값이 기본값으로 세팅이 되기 때문에 css에서 선언된 원래의 display 값으로 세팅되게 됩니다.