>  기사  >  웹 프론트엔드  >  CSS Hack Summary Quick Check_Experience Exchange

CSS Hack Summary Quick Check_Experience Exchange

WBOY
WBOY원래의
2016-05-16 12:04:031330검색

*:lang(zh) select {font:12px !important;} /*FF 전용*/
select:empty {font:12px !important;} /*Safari에서 표시*/
여기에서 선택하세요. 선택기, 상황에 따라 교체하십시오. 두 번째 문장은 MAC의 Safari 브라우저에만 해당됩니다.

IE7에서만 인식됩니다.
*+html {…}
IE7 전용 스타일을 만들어야 할 때 이 HACK을 사용할 수 있습니다.

IE6 이하 식별
* html {…}
여기에 특히 주의하세요. 많은 집주인이 IE6에 대한 HACK이라고 썼습니다. 실제로 IE5.x도 인식할 수 있습니다. 이 해킹. 다른 브라우저에서는 인식하지 못합니다.
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:""}""; width:corright width;}을 인식하지 못합니다. >박스 모델의 삭제 방법은 !important를 통해 처리되지 않습니다. 이 점은 명확해야 합니다.

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.