?????????????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??梅?????????????????????????