모달팝업을 제이쿼리로 간단히 만들었는데, 익스랑 크롬이랑 차이가 발생합니다.
본문
위 주소입니다.
인증서를 각각 클릭하면 모달로 뜨도록 간단히 제이쿼리로 만들어봤는데요..
크롬에서는 부드럽게 스스륵 뜨지만,
익스에서는 깜박거린 후 스스륵 뜹니다.
(해당 페이지를 새로 고치고 아무 인증서나 클릭하면 처음 1회때는 이상없이
부드럽게 스스륵 열리는데요. 그 레이어를 닫은 후, 같은 것을 또 다시 클릭하면
그 다음부터는 깜박거리면서 스스륵 뜹니다.
그러다, 다시 페이지를 새로고침한 후 아무거나 최초1회 클릭하면 또 역시 문제없이
스스륵~ 뜨고요..)
크롬에서는 아무런 문제가 없습니다.
익스에서만 그러네요..
(제 컴에 깔린 익스에 오류가 발생되는 건지도 모르겠습니다. )
왜 이런지 아시나요? -.-;;;;;;
답변 1
약간의 브라우저 차이일수도 있겠습니다만.. 애니메이트가 시작될때 display block부터 읽고나서 그 이후 css들이 적용됩니다.. 아마 익스에서는 그게 문제라 그런거지 않나 싶네요
html구조를 보아하니 이미지와 뒷 배경을 따로잡으셨는데.. 이렇게되면 뒷배경 애니메이트가 실행되는 시간보다 이미지의 display block이 빨리 열려서 그런거같습니다..
모달div 안에 이미지를 전부 넣지마시고 src를 변수선언해서 해당 레이어 클릭했을때 그 src를 변경하시는 순으로 하시는게 더 좋을수도 있겟다..생각해봅니다..
답변을 작성하시기 전에 로그인 해주세요.