ie 와 chrome FF 에 스타일 을 따로 설정 하 는 '조건 설명 법', '클래스 내 속성 접두사 법', '선택 기 접두사 법', 실현 방법 사례 (추천)

이 세 가지 분류 hack css 상세 원리, 참고:http://blog.csdn.net/goodshot/article/details/44309055
1. ie 와 chrome 에 스타일 의 클래스 구현 사례 를 따로 설정 합 니 다 (선택 기 접두사 법의 css hack):






2.添加了微软建议的都hack css注入的案例(条件注释法):









  Chrome Safari Webkit      CSS hack  :

@ media screen and (- webkit - min - device - pixel - ratio: 0) {/ * Webkit 커 널 호 환 CSS * /}
예시:
 @media screen and (-webkit-min-device-pixel-ratio:0) { .font1 {color:#f00} .border1 {border:1px solid #f00;} .bg3 {background:#f00;} }
  Firefox      :

/*Firefox*/ @-moz-document url-prefix() { .font1 {color:red} }
  Opera      :

/*Opera*/ @media all and (-webkit-min-device-pixel-ratio:10000),not and all (-webkit-min-device-pixel-ratio:0) { .font1 {color:red;} }

좋은 웹페이지 즐겨찾기