????3??PNG?????????????
??????????????JS?????????????????????????????????????????????????????????????á??????????????
????4??IE6?μ????
????IE6?????CSS3?????????????????????????????????????????????IE6??????
????5??IE6???????
????????????????????CSS sprites???????????????????IE6????б??????????????????????????????IE6??н?????????棬??δ???hover?????????????????????JavaScript????IE6??????Щ????
????????????:
????document.execCommand("BackgroundImageCache"??false??true);
????6??С???
????IE6 ?????min-height?????????????height??С????????????????ie6???????????????????????!important??
????????????:
????#container {min-height:200px; height:auto !important; height:200px;}
????7??????
????????????:
????//??????ID????????????
????var container = document.getElementById('container');
????container.style.height = (container.scrollHeight > 199) ? "200px" : "auto";
????//д???????????
????function setMaxHeight(elementId?? height){
????var container = document.getElementById(elementId);
????container.style.height = (container.scrollHeight > (height - 1)) ? height + "px" : "auto";
????}
????//???????
????setMaxHeight('container1'?? 200);
????setMaxHeight('container2'?? 500);
????8?? ???
??????IE6?￡????????????????????????????????????????????????????????????????????????html??body????height:;??
????9??С???
?????max-height??max-width?????IE6??????min-width??
????????????:
//??????ID?????????С???
var container = document.getElementById('container');
container.style.width = (container.clientWidth < width) ? "500px" : "auto";
//д???????????
function setMinWidth(elementId?? width){
var container = document.getElementById(elementId);
container.style.width = (container.clientWidth < width) ? width + "px" : "auto";
}
//???????
setMinWidth('container1'?? 200);
setMinWidth('container2'?? 500);
????10??????
????????:
//??????ID????????????
var container = document.getElementById(elementId);
container.style.width = (container.clientWidth > (width - 1)) ? width + "px" : "auto";
//д???????????
function setMaxWidth(elementId?? width){
var container = document.getElementById(elementId);
container.style.width = (container.clientWidth > (width - 1)) ? width + "px" : "auto";
}
//???????
setMaxWidth('container1'?? 200);
setMaxWidth('container2'?? 500);
????11??????Bug
???????????????IE6???????????????margin??????????????y?y???????????float??margin????á?
????12?????????
?????????????div(??????????)??????????????????????????div(????)?????????height??width??overflow???????????????auto?????????????????????????
????????????:
????#container {border:1px solid #333; overflow:auto; height:;}
????#floated1 {float:left; height:300px; width:200px; background:#00F;}
????#floated2 {float:right; height:400px; width:200px; background:#F0F;}
????????http://www.twinsenliang.net/skill/20090413.html
????13?????????λ
????????????????????????????????IE6???????????????width???????????????????????????????
???????????λ??????IE6????????????????????????????????????overflow:hidden;??overflow:scroll;???????? ??hidden????????????Щ????scroll?????????JavaScript??????????????????????????????????????????????? ???????????????????????????????????????width????
????14????èèbug
??????IE6??IE7?￡???èèbug??????????????????????????????????????????????????в???????????????????Щ??????:hover?????????????????Щ???????????IE6???????èè??
????????????????
????1.??????δ????????????????????<span style="clear: both;"> </span>
????2.????????????Щ???????????hasLayout???????????????????height:1%;
????15????λ????1??????bug
????IE6?μ???????????????λ???????????IE7?????????????λ???????????????????bottom??right?????????????????????????????????????????????????????????????????
????16??3??????bug
??????IE6?У??????(??????????)????????????????????????????????????????3????????
??????????????? display:inline ?? -3px ???margin
???????м????????? margin-right ?????-3px
????17??IE??z-index??bug
??????IE??????У???λ????z-index?????????????????????????????z-index???????????????????????丸????????z-index????Щ?????????????position:relative??
????18??Overflow Bug
??????IE6/7?У?overflow??????????????????λposition:relative;?????????????????????????.wrap????position:relative;??
????19???????б???bug
????????????float:left;??<li>??????У?????<li>???????<a>???????????????? hasLayout????IE6????д??????????????????????????<a>?????????float:left;???ɡ?
????20???б????bug
?????б????bug????????<li>???????<a>???float:left;????????????????????????????б?(??? ???????)????IE???????????????????????????????<li>????float:left;?????????<a>?????? ??<li>????display:inline;?????????
????21??????б???bug
?????????????<li> ????????鼶????????IE6(IE7??п???)???????????б?????<li>????????????
???????????????<a>flaot???????float??????????????????????????<a>??hasLayout???綨 ????????zoom:1;??????????<li> ????display:inline;????????????????????????????????????????????β?????????
????22??IE6?е?:hover
??????IE6?У?????(?????href????)???????:hover???????????????????????????Ч?????????????Щ????????????????????????:hover????????????????????????????Ч????
????23??IE6?????????С?? Bug
????????body???з???????IE???????С??????κ???body?????????λ????????????????????????body????position:relative;?????
????24????????Bug
??????IE6?У??Щ???????????????display:none;???????????????????????????п?????????????bug?????????????????????display:inline;??