CSS Hack 컬렉션 요약

IE 브라우저 차단(즉, IE 아래에 표시되지 않음)
*:lang(zh) select {font:12px !important;} /*FF용 특수*/
select:empty { 글꼴:12px !important;} /*safari에서 표시됨*/
여기 select는 상황에 따라 변경될 수 있는 선택기입니다. 두 번째 문장은 MAC의 Safari 브라우저에만 해당됩니다.
IE7에서만 인식됩니다.

*+html {…}
IE7 전용 스타일을 만들어야 할 때 이 HACK을 사용할 수 있습니다.
IE6 이하에 대한 식별

* html {…}
많은 집주인이 IE6용 HACK을 작성했습니다. 실제로 IE5.x도 이 HACK을 인식할 수 있습니다. 다른 브라우저에서는 인식하지 못합니다.
html/**/ >body select {……}
이 문장은 이전 문장과 같은 효과를 냅니다.
IE6만 인식하지 못합니다

select { display /*IE6에서는 인식하지 못합니다*/:none;}
주로 콜론 앞에 나오는 CSS 주석을 통해 속성과 값을 분리하는 방법입니다.
IE6, IE5만 인식하지 못합니다

select/**/ { 표시 /*IE6, IE5는 인식하지 못합니다*/:none;}
여기서 위 문장과 차이점은 선택자 사이에 추가 CSS가 있다는 점입니다. 및 중괄호 참고.
IE5만 인식하지 못합니다

select/*IE5가 인식하지 못합니다*/ { display:none;}
이 문장은 이전 문장에서 속성 영역의 주석을 제거합니다. IE5만
박스 모델 솔루션

select {width:IE5.x width; voice-family:””}””를 인식하지 못합니다.
박스 모델의 삭제 방법은 !important를 통해 처리되지 않습니다. 이 점은 명확해야 합니다.
플로트 지우기

select:after {content:”.”; display:block; height:0;clear:both; visible:hidden;}
Firefox에서 자식이 모두 플로팅의 경우 부모의 높이가 전체 자식을 완전히 덮을 수 없습니다. 그런 다음 이 HACK을 사용하여 플로팅을 지워 부모를 한 번 정의하면 이 문제를 해결할 수 있습니다.
잘림 줄임표

select { -o-text-overflow:ellipsis; text-overflow:nowrap; 초과된 텍스트를 자동으로 잘라내고 줄임표로 끝냅니다. 이는 매우 좋은 기술입니다. 단지 Firefox가 현재 이를 지원하지 않는다는 것뿐입니다.
Opera에서만 인식됩니다.

@media all 및 (min-width: 0px){ 선택 {… } }
Opera 브라우저에 대해 별도로 설정하세요.
위는 CSS 작성 시의 몇 가지 HACK입니다. 이는 로컬 호환성 문제를 해결하는 데 사용됩니다. 호환성 콘텐츠를 분리하려면 다음 필터를 사용해 볼 수도 있습니다. 이러한 필터 중 일부는 필터를 통해 특수 스타일을 가져오기 위해 CSS로 작성되었으며, 일부는 조건을 통해 필요한 패치 스타일을 연결하거나 가져오기 위해 HTML로 작성되었습니다.

IE5.x용 필터, IE5.x만 표시됨

@media tty {
i{content:"";/*" "*/}} @import 'ie5win .css'; /*”;}
}/* */
IE5/MAC 필터는 일반적으로 필요하지 않습니다.

[클립보드에 복사] [ - ]CODE:
/ ** //*/
@import “ie5mac.css”
/**/
IE의 if 조건 해킹

![endif]–>
모든 IE는
IE 5.0만
IE5만 인식할 수 있습니다. 🎜> IE 5.0+
IE5.0 또는 IE5.5만 인식 가능
< IE 6]> IE 6만-
IE6에서만 인식됩니다.
IE 6/+만
IE6 이하의 IE6 및 IE5.x에서 인식 가능
IE 7/- IE7에서만 인식됩니다.
위 내용은 확실히 포괄적이지 않습니다. 향후 작업 문의에 편의를 제공하기 위해 이러한 기술을 요약해 주시는 동시에 이러한 HACK을 연구해 주신 분들께 감사의 말씀을 전하고 싶습니다.

더 많은 CSS Hack 컬렉션 및 관련 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!