[PrimeFaces] Internet Explorer에서 <p:calendar showOn="button" /> 의 버튼 미표시 에러

IE 브라우저에서 <p:calendar showOn="button" />의 버튼 미표시 에러

 

PrimeFaces의 calendar onShow="button"를 사용 중, 다른 브라우저에서는 문제없는데 IE에서만 캘린더 버튼이 표시 안되고 일부 CSS도 적용이 안 되는 현상 발생.

설치돼 있는 IE의 버전은 11인데 개발자모드에서 확인해 보니 IE 버전이 7로 지정돼 있음.

 

 

◆ 원인

---

렌더링 모드의 엔진 버전이 오래된 버전인 "IE=7"로 강제되어 있어, 최신 자바스크립트 함수나 css 등이 적용되지 않음.

<meta http-equiv="X-UA-Compatible" content="IE=7" />

 

 

◆ 해결방안

---

Internet Explorer의 최신 렌더링 엔진(가장 표준에 가까운 모드)을 사용하도록 아래와 같이 강제함.

content="IE=7" ⇒ content="Edge"

<h:head>
    <f:facet name="first">
    	<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    </f:facet>
</h:head>

 

---

글 내용 중 잘못된 부분이 있거나, 첨부하실 내용이 있으시면 댓글로 남겨주세요. 공부하는데 많은 도움이 됩니다.
-- 기억의 유효기간은 생각보다 짧다. --