익스플로러는 호환성보기 설정을 한다고 해서 무조건 설정 대로 적용되지 않고, 소스코드 설정 값을 우선으로 한다.
html태그에서 <head></head>안에 아래와 같은 메타 태그를 넣으면, 호환성보기 설정 값을 무시하고
무조건 최신버전을 적용한다.
방법1
모든 HTML페이지의 <head></head>태그 내에 다음 코드를 추가한다.
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
방법2
서버 측 코드에 아래와 같은 코드를 추가한다.(Servlet Filet등을 이용하여 공통 코드로 적용가능)
if(userAgent.contains("MISE")){
response.addHeader("X-UA-Compatible", "IE=edge");
}
방법3
아파치 웹서버를 사용중이라면 웹서버 설정에 아래코드를 response header로 설정
<ifModule mod_header.c>Header set X-UA-Compatible "IE=edge"</ifModule>
만약, IE8에서는 IE8버전을 적용하고, IE9에서는 IE9버전으로 적용하고 싶다면 아래와 같이 하면 된다.
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8,IE=EmulateIE9"/>
'웹프로그래밍 무작정따라하기 > HTML CSS' 카테고리의 다른 글
| a(앵커) 태그의 하이퍼링크 시 탭 내빙 공격 방지 (0) | 2022.07.19 |
|---|---|
| [ CSS ] scrollbar - 스크롤 바 스타일링 꾸미기 (0) | 2022.01.03 |
| [ CSS ] animation @keyframes 기본 이해하기 (0) | 2021.03.26 |
| [CSS] input의 radio css 스타일 변경하기 (0) | 2021.02.12 |
| [CSS] Naming Conventions 네이밍 규칙 (0) | 2020.06.16 |
댓글