묻고답하기
html5 익스플로러 호환문제 질문드립니다.
2014.10.08 19:18
반응형 웹으로 사이트를 개발중인데
XE를 적용시키지 않은 녀석은 ie7~11, 크롬,파이어폭스, ios, 안드로이드 기본 브라우저 모두
정상이지만 XE를 적용시키면 ie7에서는 처참한 수준으로 변해버립니다.
스크립트가 충돌이 나서 그런가 해서 이리저리 5시간동안 끙끙 앓고 있는데
해결법이 보이지 않습니다.
뭐 일일이 핵 노가다를 하면 되겠지만 XE에만 적용이 되면 생기는 문제라
해결법이 있지 않을까 자문을 구하고 싶습니다.
none XE http://jadysnap.com/test
XE http://jadysnap.com/xe/index_n
방법이 있을까요?
댓글 7
-
레이아웃2
2014.10.08 19:30
답변 감사드립니다. 말씀 주신대로 jQuery("link[rel=stylesheet][href*='common/css/xe.min.css']").remove(); 를 경로에 맞게 작성을 해봤는데 jQuery("link[rel=stylesheet][href*='/common/css/xe.min.css']").remove(); 꼼작하지 않네요 ㅠ_ㅠ;
-
jQuery("link[rel=stylesheet][href*='/xe/common/css/xe.min.css']").remove();
-
레이아웃2
2014.10.08 19:46
우어 해결이 되지 않네요;; 경로를 보면 /xe/common/css/xe.min.css로 안잡히고 /xe/common/css/xe.min.css?20141006172740로 잡히는데 연관이 있을까요?
-
아뇨.
그렇다면 다른 문제인것 같네요..
-
레이아웃2
2014.10.08 20:07
답변 감사드립니다. 해당 CSS를 쭉 봤는데 크게 문제될 부분은 보이지가 않네요 JS쪽에서 생기는 문제같긴한데 말이죠...
-
레이아웃2
2014.10.08 22:40
우선 이 문제에 대하여 완벽한 해결법은 찾지 못하였습니다.
파악한 바로는 XE에 올라갔을때 미디어쿼리가 작동을 하지 않는다였고
이는 IE7과 IE8에서만 나타나는 현상으로 미디어쿼리가 없는 CSS를 따로 생성하여
IE7과 IE8에만 따로 불러올 수 있도록 조취하였습니다.
xe.css를 불러 오는 부분을 스크립트로 제거해 보세요.
jquery 사용 jQuery("link[rel=stylesheet][href*='common/css/xe.min.css']").remove(); 이 스크립트를 사용하시면 될겁니다.