본문 바로가기

IE6

ie6에서 투명 png24 적용하기 익스플로6(ie6)에서는 투명PNG 파일이 배경이 생긴다. 아래그림은 png24를 ie6에서 보여지는 차이 (오른쪽 그림뒤에 연한 회색의 배경이 들어간 것을 볼 수 있다.) png24를 그림으로 보여줄 때 투명하게 만들기 (img src 사용) PNG24를 그림으로 보여줄 때 투명하게 만들기(img src 사용) 1. 사이에 있는 style 태그나 css 파일에 아래 내용을 더해 줍니다. .png24 { tmp:expression!!!(setPng24(this)); } 예) 2. 자주 쓰는 js 파일이나 사이에 아래 내용을 더해 줍니다. function setPng24(obj) { obj.width=obj.height=1; obj.className=obj.className.replace(/\bpng24\..
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;}