IE8과 chrome에서 px로 사이즈를 잡아서 배치를 하면 일치하지 않는 경우가 존재한다.
나의 경우 chrome에서는 top:10px; 가 적당한데, IE8에서는 top:3px; 가 적당한 값이었다.
적정선에서 타협할 수 있는 차이면 괜찮겠지만 너무 눈에 딱 보이는 부분이라 따로 적용을 할 수 밖에 없었다.
class명이 .basic-btn 일 경우 아래와 같이 적용하면 IE8의 top은 3px, 그 외의 브라우저에는 10px로 적용할 수 있다.
.basic-btn {top:10px; top:3px\0/ !important!; /*IE8에서만 top:3px; 적용*/}
원하는 속성 뒤에 '\0/ !important'를 붙여주면 간단히 해결 할 수 있다.
'알아가기 > 알거리' 카테고리의 다른 글
| Server.xml의 URIEncoding UTF-8 설정 (한글깨짐 현상 해결) (0) | 2018.08.30 |
|---|---|
| IE8 빈 텍스트 노드 버그 처리하기 (0) | 2017.12.13 |
| IE8에서 trim() 함수 사용하기 (0) | 2017.12.01 |
| MySQL 외부 IP 접속 허용 및 복구 / ERROR 1364(HY000) 해결 (0) | 2017.08.30 |
| 오라클 ORDER BY DECODE/CASE 사용 방법 (0) | 2017.06.23 |