IE7 썸네일형 리스트형 브라우저모드? 문서모드? 다행히 IE11은 통합 된듯~! 익스11로 업그레이드 ㄱㄱ~! 익스플로러 브라우즈는 항상 골칫덩이... Html 코딩을 할 때마다 골칫덩이인 크로스브라우징... 진절머리가 난다...ㅡㅡ^ 여하튼, 크로스브라우징을 할때 익스를 버전별로 화면을 확인할 수 있는 IE Tester 를 사용하다가 언제부터인가 그냥 익스 개발자 도구를 더 많이 사용하게 되었다. IE Tester는 프로그램이 오류도 많이 나고, 무겁게 느껴져서...점점 사용횟수가 자연스레 잦아들었다. 그런데, 개발자 도구를 사용할때 마다 대충은 알고 있지만, 너무나 헷갈려 다시한번 정리해보기 위해 포스팅해본다. 도대체 브라우저모드, 문서모드 저 둘의 차이점은 무엇일까? 브라우저 모드 : 현재 브라우저의 기본 셋팅을 정의 하는 것 문서 모드 : 페이지를 해석하는 방식을 정의하는 것 이라고 정리 할 수 있다. 예.. CSS 핵정리 - 핵과 필터 사용에 대한 주의사항 핵과 필터 사용에 대한 주의사항 CSS는 언어적인 측면에서 상위 버전 호환성을 잘 고려해서 설계되었다. 브라우저가 특정 선택자를 이해하지 못할 경우 해당 규칙을 전혀 적용하지 않게 된다. 마찬가지로 특정 속성이나 값을 이해하지 못할 경우 해당 선언을 모두 무시해버린다. 이런 기능으로 인해 새로운 선택자, 속성, 값이 추가되더라도 구버전의 브라우저에는 별다른 영향을 주지 않게 된다. 이런 특성을 이용하면 구식 브라우저에서도 안전하게 동작하면서도 최신 브라우저를 위한 규칙과 선언을 사용할 수 있다. 새로운 버전의 브라우저가 나올 경우 기존에 필터를 써야했던 CSS가 제대로 동작하게 될 것이다. 구버전의 브라우저에서 문제가 있어서 고급 CSS 기능을 사용했다면 새로운 버전에서는 이런 문제가 해결될 것이다. 이.. CSS IE6 IE7 핵...아 짜증난다... CSS... 원하는 효과 .test {color:#fff; margin:10px;} 언더바(_)를 쓰면 ie6에만 적용 .test {color:#fff; margin:10px; _margin:10px;} ie6 에서만 스타일을 제외하는 것은 /**/ 를 추가 .test {color /**/:#fff; margin:10px;} ie7에서만 적용하는 것은 빨간부분 css를 추가 *:first-child+html .test {color:#fff; margin:10px;} ie버전을 제외한 Mac IE Ver5, OperaVer7, Mozilla, Firefox에만 적용하고자 한다면 :root div.matey {color:#000; margin:10px;} 크로스브라우징 CSS 핵 정리 Netscape 4 제외시키기 Netscape 4은 media속성값에 "screen"이외의 값이 올 경우 읽어 들이지 못하는 것을 이용한 방법이다. 이나 라고 지정할 경우 Netscape 4은 읽어 들이지 못한다. 부분적으로 읽어들이지 못하게 하는 경우에는 Caio's hack인 /*/*/를 이용한다. 보통 코멘트는 */으로 닫지만 /*/으로 닫게 되면 Netscape 4에서는 인식되지 않는다. 그 뒤에 평상시의 코멘트 /* */를 적어두면 그 뒤의 스타일은 Netscape 4에서도 문제없이 적용된다. p { /*/*/ color:white; /* */ } Win IE 3~4, Mac IE 4~4.5, Netscape 4 제외시키기 @import로 url()함수를 이용하여 외부 스타일시트를 이중인용부호로.. 이전 1 다음
