?????????????IE6??????????????????????????????????????????????????hack?????????CSS????????10???????Ч??HTML??CSS??????????IE6?????????????
????1. ???DOCTYPE
????????????????HTML?????????????DOCTYPE????????????????strict ?汾?????磺
????<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
?????????????XHTML???:
????<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
????????????????????????IE6????quirks??——??????????????
????2. ????position: relative
?????????????????”position:relative”??????????????????????????????????????????????????????????С???????????λ??????????????????λ??
????3. ??????????????display:inline
????????margin???????????????????IE6???margin???????磬????????????margin-left?5px??????IE6?????????????10px??”display:inline”????????????????????????????CSS???????Ч???
????4. ?????????????hasLayout
???????IE6(??IE7)???????????????????????hasLayout??????? ???????IE????????IE?????????????haslayout????????????????????????????????????????????????β?????λ??????????????????inline???(???????????)?block????????????????Ч????????hasLayout????????????
????????????hasLayout????????CSS??????????????zoom????????????zoom??????CSS????????????????????????????磬????????????????????????????????”height:1%”??????????????????????????????????????????????????hasLayout????????á?
????5. ???????????bug
?????????????????????????????Щ????????????????????????????bug???????м??????????????Щ????????????????Щ????????????????
??????????е???????”display:inline;”
?????????????????????”margin-right:-3px;”
?????????????????????????????????????磺
????<!--[if !IE]>Put your commentary in here...<![endif]-->
?????????????????????????div(????б?????????90%?????????)
???????? positioniseverything.net ??????????????????
????6. ?????????????????????<a>???
????IE6??????a?????CSS hoverЧ????
????????????????JavaScript???????????????????????????????????????????????Щ??????????????<a>????????????????????
????7. ???!important ???????????????IE6
???????????Hack???????????е?????CSS???????д????????IE6????е??????????п?????????С???????????δ????????壺
????#element {
????min-height: 20em;
????height: auto !important; /* ????????????????δ??? */
????height: 20em; /* IE6 ???????????? /*
????}
????IE6 ?????min-height?????????20em????”auto”????????????????????????????????????????????
?????????????????????????????????????e.g.
????#element {
????min-height: 20em;
????height: 20em;
????}
????/* IE6 ????????????*/
????#element[id] {
????height: auto;
????}
????8. ????????λ
??????????IE??????????????????е???????????????С??????????????????????????!important????????????м?????e???????磺
????body {
????margin: 2% 0 !important;
????margin: 20px 0; /* IE6 only */
????}
????9. ???????????????
??????????????????????????????IE6;????????????????????????????????????????????????????Firefox??IE6?????????У????????????????????????????
????10. ?????????
?????????????????????????bug???????????????????????????????????HTML??ЩС??????Щ????CSS????????Ч?????????ζ???????????????????????????????????????????????????????????Щ????????????
??????????????IE8????д????????IE??????????CSS???????????з????????????????????????????????????IE8?????????????????????????飬????IE6???δ??????IE8???????????????????????????IE6??
?????????????????????????IE6??bug??÷?????????????????????????