IE(Internet Explorer) 하위버전(10이하, 특히 8,9)에서 보여지는 화면은 현재 가장 일반적으로 우리가 이용하고 있는 모던 브라우저(예를 들어 크롬)과 다르게 동작한다.
크로스브라우징 이슈 해결방법:
1. 하위 IE 웹 브라우저를 사용 할 때 발생할수 있는 CSS스타일 적용 issue를 해결하기 위해 특정 CSS 파일을 만든다.
2. 해당 IE 버전에서의 웹 화면만 컨트롤 할 수 있도록 head태그 영역 맨 하단에 <link>첨부
<head>
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="css/ie8.css" />
<![endif]-->
</head>- CSS폴더 내 ie8.css 파일은 IE9 미만에서만 적용
- IE8에서만 적용되고 다른 브라우저에선 동작하지 않음
- 태그 첨부순서는 가장 마지막에
'Frontend > HTML, CSS' 카테고리의 다른 글
| [CSS] Flexbox Froggy Game (0) | 2021.10.29 |
|---|---|
| [HTML] 절대경로(Absolute path)와 상대경로(Relative path) (0) | 2021.10.22 |
| [HTML] 반응형 웹 (Responsive) 처리 (0) | 2021.10.22 |
| [HTML] <head>안에 들어가는 내용 (0) | 2021.10.22 |
| [CSS] #1-2 박스모델과 box-sizing (0) | 2021.10.13 |