본문 바로가기
개발/웹표준

IE 호환성 보기 버튼 없애기

by 비손 2011. 10. 7.

IE 호환성 보기 버튼이란???

kr.yahoo.com(2011.10.07)

아직 야후코리아는 호환성 보기에 대한 조치를 하지 않았군요~
이미 오래전부터 자취를 감추기 시작한 이 버튼은 이제 찾기 드물어 졌지만, 간혹 이렇게 보이는 사이트가 있습니다.
Internet Explorer 8이나 9버전을 쓰시는 분들이 해당 사이트에 접속했을 때, 6이나 7버전으로 제작된 사이트가 깨져 이는 경우가 있습니다.
이 때 이 버튼을 누르게 되면 6~7을 렌더링 하던 방식으로 화면을 표시합니다. 깨져 보이는 것을 방지하는 방법인거죠~

 

결국 이 버튼은 옛날 방식으로 제작된 사이트에만 필요한 것 아닌가???

맞습니다. IE8, 9버전에 맞게 제작된 사이트에서는 더 이상 이 버튼이 필요하지 않죠~
오히려 사용자가 저 버튼을 무심코 누르게 되면, 최신 버전에 맞게 제작된 사이트가 뒤틀어져 보이는 역효과를 낳게 될 수도 있습니다.

 

해결책은?

메타 태그로 렌더링 방식을 지정해 줄 수 있습니다.
여기서 렌더링 방식을 바꾸는 법은 DOCTYPE으로 하는 방법도 있는데, 이건 버튼을 없애주진 않으니 패스~
그저 헤드 부분에 <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>라고 넣어주시면 됩니다.

여기서 Edge는 지금 사용하는 브라우저가 지원하는 최고 버전의 렌더링 방식으로 표현하라는 의미입니다.
저 자리에 Edge대신, '5', '7', '8' 과 같은 식으로 넣어주면 해당 버전에 맞게 렌더링이 됩니다.

한동안 'Edge'대신 '8'을 넣은 태그가 돌아서 많은 분들이 그걸로 적용하셨을 수 있겠는데요~
그런 경우 IE9를 쓰더라도 CSS3가 제대로 적용되지 않는 문제가 생길 수 있으니, Edge로 수정하는 것이 바람직하다고 봅니다~