태그 자료실

회원로그인

무료회원가입 보안로그인

아이디/비밀번호찾기

CSS Hack for IE6

13년 전

스타 핵(* html 을 이용)
전체 선택자(*)를 html 타입 선택자 앞에 오도록 해서 다른 브라우져에선 적용되지 않지만 IE 계열에서만 적용되는 스타일 시트 정의법

a:hover {border:1px;} //모든 브라우져에서 적용됨
*html a:hover {border:2px;} //IE 계열에서만 적용됨
**html a:hover {border:3px;} //IE7에서만 적용됨

!important 핵
스타핵은 IE6을 구분하기 위하여 2가지 선언을 해야하지만 !important 핵을 사용하면 한 규칙 선언안에서 처리할 수 있다.

#top{
position:fixed !important;
position:static;
}

IE6 버전에선 한 규칙안에 여러개의 속성을 사용할 수 없으므로, 첫번째 선언을 무시하고 두번째 선언을 적용한다.
나머지 브라우져에선 important 키워드가 쓰여진 속성의 우선순위를 높게 인식하기 때문에 첫번째 선언을 적용한다.

언더바핵
IE6이하 버전에선 속성정의자의 _ (언더바)를 무시하고 인식하는 점을 응용한 핵이다.

.under {display:inline; _display:block}

두번째 정의된 display의 _ (언더바)가 없다면, 모든 브라우저에서 display:block 이 적용될 것이나 _ (언더바)가 있기 때문에 두번째 속성 정의자는 IE6 이하 브라우저를 제외하곤 잘못된 속성정의자로 인식한다. 따라서 IE6 에서만 _display를 display로 인식하기에 display:block 속성이 적용된다.

추천 목록

번호	제목
	CSS Hack for IE6
53	!important와 언더바핵
52	target(href) 타겟사용법
51	location.href 와 location.replace()....
50	style.css.php css 내용이 많거나 파일이 나누어져있을때 코드압축
49	자바스크립트 타겟지정
48	링크 클릭시 점선테두리 한방에 없애는 법!
47	드롭다운 메뉴 26개 - Dropdown Navigation Menus
46	스타일 시트를 경량화하는 11가지 팁
45	잘 사용되지 않지만 유용한 5가지 CSS2 속성들
44	CSS 속성
43	style css - 링크의 색, 밑줄, 점선밑줄, 점선박스, 배경, 두께, 크기 표현하기
42	마우스를 이미지 위에 올렸을때 이미지 흔들기
41	퀵메뉴 스크립트
40	흐르는 TOP 버튼
39	무조건 링크건 화일 다운받기
38	링크를 클릭하면 화면이 흔들리면서 해당페이지로 이동합니다.
37	CSS 슬라이딩 확장 좌측메뉴
36	HTML 문서에서 글자 세로로 쓰기
35	테이블 셀에 링크 걸기
34	링크에 마우스 커서 적용하기
33	CSS 만으로 구현된 메뉴
32	마우스 오버 아웃 해당 이미지 바꾸기 스크립트
31	자바스크립트 쓰지 않고 퀵메뉴 사용하기
30	마우스 오버를 하면 올라오는 레이어창입니다.
29	메타 태그 화면전환
28	웹 페이지 본문 글씨 전체 색상을 동적으로 변경하는 방법
27	새창열 때 HTTP_REFERER 값넘기는 방법
26	폼 요소의 탭(Tab) 순서를 정하는 방법
25	한 번의 링크 클릭으로 두 개의 페이지를 여는 방법 (프레임)