여러 브라우저 호환성 문제는 모두 IE_Experience 교환으로 인해 발생합니다.

IE7이 출시된 지 꽤 시간이 지났기 때문에 웹사이트에 처리해야 할 브라우저가 하나 더 생겼습니다. 지난 이틀 동안 디자이너들은 호환성을 위해 노력했고 해결책을 찾았습니다. 이것은 공유와 녹음입니다. important! 및 /**/IE5, IE6, Moz의 경험을 구별하기 위해 다음 코드는 4개의 브라우저를 구별합니다. 코드를 복사하고 HTML 파일에 저장하여 효과를 확인합니다. (

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>제목 없는 문서</title> <style type="text/css"> <!-- #example { position: absolute; top: 50%; left: 50%; width: 200px; height: 150px; margin-top: -75px; margin-left: -100px; } #example div { padding: 20px; text-weight: bold; font: 11px/150% Verdana, Arial, Helvetica, sans-serif; text-align: right; } #example { background: red; /*For Moz*/ } * html #example { background: yellow; /*For IE5*/ background/**/: green; /*For IE6*/ } * html #example { background: blue; /*For IE7*/ } --> </style> <div id="example"> <div> IE5: 노란색 IE6: 녹색 IE7: 파란색 모즈: 레드 </div> </div>
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. ]

특수 알림:
#example {
배경: 빨간색 /*For Moz;*/
}
* html #example {
background: yellow; /*For IE5*/
background/**/: 녹색;  /*IE6의 경우 */
}
* html #예 {
배경: 파란색 /*IE7의 경우*/
}