CSS Hack 요약

IE 브라우저 차단 (즉 IE에서 표시되지 않음) *:lang(zh) select {font:12px !important;} /*FF,OP */
select:empty {font:12px !important;} /*safari */ 여기 select는 선택부호입니다. 상황에 따라 바꿉니다.두 번째는 맥에서 사파리 브라우저만 있는 거예요.
IE7인식*+html {…}만 IE7에 대한 스타일링이 필요할 때 이 HACK를 사용할 수 있다.
IE6 및 IE6 이하 식별* html {…} 이곳은 특히 주의해야 한다. 많은 지주들이 IE6의 HACK이라고 썼는데 사실은 IE5.x 역시 이 HACK을 식별할 수 있다.다른 브라우저는 인식되지 않습니다.html/**/ >body select {……} 이 문장은 이전 문장과 작용이 같다.
IE6만 인식하지 못함select { display /*IE6 */:none;} 여기는 주로 CSS 주석을 통해 하나의 속성과 값을 분리하고 사칭 앞에 해석한다.
IE6과 IE5만 인식되지 않음select/**/ { display /*IE6,IE5 */:none;} 위의 문장과 달리 선택부호와 괄호 사이에 CSS 주석이 하나 더 있습니다.
IE5만 인식되지 않음select/*IE5 */ { display:none;}이라는 문장은 이전 문장에서 속성 영역을 제거한 주석이다.IE5 만 인식되지 않음
박스 모형 해결 방법selct {width:IE5.x ; voice-family :""}""; voice-family:inherit; width: ;} 박스 모형의 제거 방법은 통과가 아닙니다!important에서 처리했습니다.그건 명확해야 돼.
부동 제거select:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}Firefox에서 하위 레벨이 모두 부동일 때 상위 레벨의 높이는 전체 하위 레벨을 완전히 감싸지 못한다. 그러면 이 부동 제거HACK로 하위 레벨을 정의하면 이 문제를 해결할 수 있다.
절자 생략호select { -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }는 길이를 넘은 후 자체적으로 여러 부분의 문자를 잘라내고 생략호로 마무리하는 좋은 기술이다.다만 현재 Firefox에서는 지원되지 않습니다.
Opera 인식@media all and (min-width: 0px){ select {……} }만 Opera 브라우저에 대해 별도의 설정을 한다.
이상은 CSS에 적힌 HACK입니다. 올바른 태그 중첩(div ul li 중첩 구조 관계)를 따르는 것을 권장합니다. 이렇게 하면 Hack을 사용하는 빈도를 줄일 수 있고 이해 오류에 들어가지 않습니다. 한 페이지에 많은 Hack이 다중 브라우저 호환성을 유지해야 하는 것이 아닙니다. 많은 경우 Hack을 사용하지 않아도 브라우저가 잘 작동할 수 있습니다. 이런 것들은 국부적인 호환성 문제를 해결하는 데 사용됩니다.호환성 있는 내용도 분리하고 싶다면 아래의 몇 가지 필터를 시도해 보자.이러한 필터는 CSS에 쓰여 있거나 필터를 통해 특별한 스타일을 가져오거나 HTML에 쓰여 있는 조건에 의해 링크되거나 필요한 패치 스타일을 가져오는 경우도 있습니다.
IE5.x 필터, IE5.x 가시성 @media tty {
i{content:"";/*" "*/}} @import 'ie5win.css'; /*";}
}/* */IE5/MAC 필터, 일반적으로 필요 없음/**//*/
@import "ie5mac.css";
/**/다음은 IE의 조건 주석입니다. 개인적으로 조건 주석으로 해당 Hack을 호출하는 것이 비교적 완벽한 다중 브라우저 호환의 해결 방법이라고 생각합니다.hack이 필요한 부분을 한 파일에 단독으로 넣고 브라우저 버전이 일치할 때 그 Hack 스타일을 호출할 수 있다. 이렇게 하면 사용하기에 매우 편리할 뿐만 아니라 이 CSS를 만드는 자체에 있어 hack을 사용할 필요가 있는지 더욱 엄격하게 관찰할 수 있다. 많은 경우에내가 CSS를 쓸 때 만약에 모든 코드를 Hack을 포함하여 하나의 CSS 파일에 쓸 때 매우 자유롭다. 하고 싶은 대로 Hack하고 네가 독립적으로 쓸 때 너는 스스로 Hack이 필요한지 아닌지를 고려한다. 먼저 Hack CSS인가?아니면 메인 CSS에 있는 것들을 최대한 Hack이 필요하지 않게 조정할까요?아주 적은 Hack만으로도 많은 브라우저를 착하고 말을 잘 듣게 할 때 당신은 성취감을 느끼지 않습니까?어떻게 선택했는지 알겠지~ㅋㅋ
IE의if조건은 Hack 자체가 유연하게 사용할 수 있다. 이 편IE 조건 주석Only IE 의 모든 IE 식별 가능
IE5.0
Only IE 5.0+ IE5.0 교환 IE5.5 모두 인식
IE6
Only IE 7/-
IE6 IE6 IE5.x
Only IE 7/- IE7만 인식

Hack 。 

 

:http://www.keephelp.com/css/all-css-hack/
, ！