CSS 해킹 컬렉션 요약_경험 교환

IE 브라우저를 차단합니다(즉, IE에 표시되지 않습니다)
*:lang(zh) select {font:12px !important;} /*FF용 특수*/
select:empty {font: 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 조건 해킹


IE만
모든 IE 가능 인식
IE 5.0만 인식
IE5.0만 인식 가능
IE 5.0 이상만 인식
IE5.0은 IE5.5로 대체 보장 모두 인식 가능
IE 6만 인식 가능 -
IE6만 인식 가능
IE 6/+
IE6 및 IE6 이하 IE5.x만 인식 가능 인식
IE 7만 가능/-
IE 7만 인식 가능 위의 내용은 확실히 포괄적이지 않습니다. 향후 작업 문의를 위해 이러한 기술을 요약해 주시기 바랍니다. 편리함을 누리고 이러한 꿀팁을 연구해 주신 분들께 감사드립니다

.