Chrome 에서는 그리드의 Editable Cell 클릭시 X버튼표시가 없었는데


유독IE에서만 X버튼이 발생되었다.

CSS 문제인듯 아무리 건드려봐도 지워지지 않았고 변경되지 않았다.


AUI에 문의해보니 당사에서 CSS를 변경해 쓰고있지 않느냐고해서... 그렇지 않다고 했다.

재문의 해보니 IE브라우저의 특징이라고 IE10이상에서는 meta태그의 content를 IE=edge로 변경하라고 했다.

그렇게 진행했더니 아무일 없듯이 X버튼이 표시되지 않았다.

기존에 사용하고있던 meta content가 IE=9 이었던 데다가, 필자가 환경설정을 하지 않아 함부로 건드릴 수가 없었다.

그러나, 찾아보니... 


http-equiv="X-UA-Compatible"는 IE에서만 작동하는 비표준 속성이며,


IE=5 : 관용모드(quirks mode)로 지정된 DOCTYPE에 상관없이 IE5 렌더링 방식이 사용됩니다.

IE=7 : IE7 표준모드로 지정된 DOCTYPE에 상관없이 IE7 표준 모드 렌더링 방식이 사용됩니다.

IE=EmulateIE7 : IE7 에뮬레이션 모드로 지정된 DOCTYPE에 따라 IE7 표준모드나 관용모드로 렌더링됩니다.

IE=8 : IE8 표준모드로 지정된 DOCTYPE에 상관없이 IE8 표준모드로 렌더링됩니다 .

IE=EmulateIE8 : IE8 에뮬레이션 모드로 지정된 DOCTYPE에 따라 IE8 표준모드나 관용모드로 렌더링됩니다.

IE=edge : 최신모드로 지정된 DOCTYPE에 상관없이 IE8 이상 버전에서 항상 최신 표준 모드로 렌더링됩니다.

출처: https://webdir.tistory.com/38 [WEBDIR]

라는 자료를 찾아볼 수 있었고, edge로 설정함으로서 프로그램 가동에 아무 문제 없음을 확인하였다.

( 혹 모르는 다른 문제가 생길까 두렵기도 하였다. 아직 부족한 지식이라.... )


meta태그 필요없이 서버 자체에 HTTP Header설정을 할 수 있다는걸 봤는데.. 다음에 기회되면 이걸 찾아봐야겠다.

+ Recent posts