IE6도 빨리 죽었으면 좋겠지만, 결국 우리가 할 수 있는 유일한 방법은 IE6으로 인한 고통을 완화하기 위한 수단을 사용하는 것뿐입니다.
1. 페이지가 표준 모드에서 실행되도록 하려면 가장 엄격한 문서 유형을 사용하십시오. 이를 사용하더라도 b, s, 글꼴 등 많은 태그를 사용할 수는 없지만 모두 CSS로 대체할 수 있습니다.
1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
2." http://www.w3.org/TR/html4/strict.dtd ">
또는 HTML5에서 인식하는 유일한 문서 유형인 가장 간단한 <!doctype html">을 사용하면 브라우저가 자동으로 위의 문서 유형으로 변환합니다. xhtml 문서 선언을 사용하지 마십시오. 원래는 html을 과도기적 제품으로 만들고 싶었지만 다들 아시겠지만 저는 그냥 지나가는 방문자일 뿐이고, 사용시 요소의 nodeName이 대소문자를 구분하는 경우가 있어서 매우 번거롭습니다.
2. 사용 위치: 상대
레이아웃에서는 항상 배치된 레이아웃을 먼저 고려한 다음 부동 레이아웃을 고려하십시오. IE의 플로팅 모델은 미쳤습니다.
3. 디스플레이 사용:인라인
부동 소수점을 사용해야 하는 경우에는 display:inline을 사용하세요. IE6에서는 쉽게 발생하는 버그가 있기 때문이죠. 블록 컨테이너 요소에 float와 float와 같은 방향의 여백 값이 설정되어 있으면 나타납니다. 예를 들어 div 요소에 float:left 및 margin-left:100px를 설정하면 IE6에서는 margin-left:200px가 됩니다.
4. 댓글 노드를 사용하지 마세요. 여기에는 두 가지 혐오스러운 내용이 포함되어 있습니다. 하나는 중복 문자 버그입니다. 이 블로그의 Yang Zhengyi(Ah Yi)가 작성한 "오페라 버그의 유령" 기사를 참조할 수 있습니다. 두 번째는 IE의 전체 검색 API 범위에 있는 버그입니다. document.all, document.getElementsByTagName 및 document.querySelectorAll은 모두 주석 노드를 반환할 수 있습니다.
5. 호버 효과의 경우 a 요소를 href 속성과 함께 사용하여 IE에 중첩해야 합니다. 호버는 a 태그에만 유효하며 태그에는 href 속성이 명시적으로 설정되어 있어야 합니다.
6. 스타일 설정에 백분율을 사용하지 마십시오
IE에서 백분율을 계산하는 데 문제가 있습니다.
7. 요소가 hasLayout을 얻도록 하세요.
자세한 내용은 Google Baidu에서 "레이아웃 보유에 관한" 훌륭한 학술 연구를 참조하세요. el.currentStyle.hasLayout을 사용하여 레이아웃을 얻었는지 확인할 수 있습니다. 레이아웃을 얻는 보편적인 방법은 Zoom:1입니다.
8. (x)html의 중첩 규칙을 엄격히 준수합니다. 중첩 규칙은 문서 유형에 정의되어 있으며 이에 따라 문서가 구문 분석됩니다. 미친, 조심하는 게 좋을 거야. 또한 일부 요소는 자동으로 닫히지만, 좋은 습관을 기르는 것이 매우 중요합니다.
9. JavaScript 기술을 향상시키세요
IE6는 많은 것을 지원하지 않거나 잘 지원하지 않지만 JavaScript를 사용하여 다양한 관계 의사 클래스, 하위 요소 필터링 의사 클래스, 속성 의사 클래스, 대상 의사 클래스 등 거의 모든 것을 시뮬레이션할 수 있습니다. , 최소 너비 및 최대 너비, PNG 투명도 문제...
10. 내 블로그에 더 자주 오셔서 행운의 숫자를 만들어 보세요. 좋은 내용이나 버그 발견하면 바로 알려드리겠습니다~~^_^