Martin`s Work

IE의 점유율이 점점 낮아졌다고는 해도, 아직까지 IE 하위 브라우저를 지원해야하는 경우도 있다. 상황에 따라 각 브라우저별 CSS 핵을 사용하되 되도록이면 핵을 사용안하고 코드를 짜는게 제일 좋다. 123456789101112131415161718 /* IE6 브라우저 핵 (_ 추가)*/ div { _background-color:red; } /* IE7 브라우저 핵 (* 추가) */ div{ *background-color:blue; } /* IE6, IE7 브라우저 동시적용 핵 (. 추가) */ div{ .background-color:purple; } /* IE8 브라우저 핵 (\0\IE8 추가) */ div{ background-color:green\0\IE8; } /* IE9 브라우저 핵 (\..

사용범위 대부분의 브라우저는 다 지원하되, IE의 경우는 IE9 이상부터 지원한다. 각 브라우저마다 사용하려면 -webkit-(Chrome, Safari), -moz-(Firefox), -o-(Opera) 그리고, IE9 이하의 브라우저를 대비한 css를 작성해야한다. 기능 calc 기능은 자바스크립트에서 계산하던 방식과 동일하게 사용할 수 있어, 자바스크립트로 처리하던 부분을 상당부분 줄일 수 있다. 다만, 하위 브라우저까지 고려해야한다는 단점이 있어, 상황에 맞게 사용하면 좋은 기능인듯 하다. 12345678910111213141516171819202122232425 #div{ position:absolute; left:50%; top:50%; margin-top:-50px\0/IE8; /* IE8 ..