\u6d4f\u89c8\u5668\u517c\u5bb9\u6027\u95ee\u9898\u5927\u6c47\u603b<\/p>\n
\u00d8 JavaScript 3
\n1. HTML\u5bf9\u8c61\u83b7\u53d6\u95ee\u9898 3
\n2. const\u95ee\u9898 3
\n3. event.x\u4e0eevent.y\u95ee\u9898 3
\n4. window.location.href\u95ee\u9898 3
\n5. frame\u95ee\u9898 3
\n6. \u6a21\u6001\u548c\u975e\u6a21\u6001\u7a97\u53e3\u95ee\u9898 3
\n7. firefox\u4e0eIE\u7684\u7236\u5143\u7d20(parentElement)\u7684\u533a\u522b 3
\n8. document.formName.item(\u201ditemName\u201d) \u95ee\u9898 3
\n9. \u96c6\u5408\u7c7b\u5bf9\u8c61\u95ee\u9898 3
\n10. \u81ea\u5b9a\u4e49\u5c5e\u6027\u95ee\u9898 3
\n11. input.type\u5c5e\u6027\u95ee\u9898 3
\n12. event.srcElement\u95ee\u9898 3
\n13. body\u8f7d\u5165\u95ee\u9898 3
\n14. \u4e8b\u4ef6\u59d4\u6258\u65b9\u6cd5 3
\n15. Table\u64cd\u4f5c\u95ee\u9898 3
\n16. \u5bf9\u8c61\u5bbd\u9ad8\u8d4b\u503c\u95ee\u9898 3
\n\u00d8 CSS 3
\n1. cursor:hand VS cursor:pointer 3
\n2. innerText\u5728IE\u4e2d\u80fd\u6b63\u5e38\u5de5\u4f5c\uff0c\u4f46\u5728FireFox\u4e2d\u5374\u4e0d\u884c. 3
\n3. CSS\u900f\u660e 3
\n4. css\u4e2d\u7684width\u548cpadding 3
\n5. FF\u548cIE BOX\u6a21\u578b\u89e3\u91ca\u4e0d\u4e00\u81f4\u5bfc\u81f4\u76f8\u5dee2px 3
\n6. IE5 \u548cIE6\u7684BOX\u89e3\u91ca\u4e0d\u4e00\u81f4 3
\n7. ul\u548col\u5217\u8868\u7f29\u8fdb\u95ee\u9898 3
\n8. \u5143\u7d20\u6c34\u5e73\u5c45\u4e2d\u95ee\u9898 3
\n9. Div\u7684\u5782\u76f4\u5c45\u4e2d\u95ee\u9898 3
\n10. margin\u52a0\u500d\u7684\u95ee\u9898 3
\n11. IE\u4e0e\u5bbd\u5ea6\u548c\u9ad8\u5ea6\u7684\u95ee\u9898 3
\n12. \u9875\u9762\u7684\u6700\u5c0f\u5bbd\u5ea6 3
\n13. DIV\u6d6e\u52a8IE\u6587\u672c\u4ea7\u751f3\u8c61\u7d20\u7684bug 3
\n14. IE\u6349\u8ff7\u85cf\u7684\u95ee\u9898 3
\n15. float\u7684div\u95ed\u5408;\u6e05\u9664\u6d6e\u52a8;\u81ea\u9002\u5e94\u9ad8\u5ea6 3
\n16. \u9ad8\u5ea6\u4e0d\u9002\u5e94 3
\n17. IE6\u4e0b\u56fe\u7247\u4e0b\u6709\u7a7a\u9699\u4ea7\u751f 3
\n18. \u5bf9\u9f50\u6587\u672c\u4e0e\u6587\u672c\u8f93\u5165\u6846 3
\n19. LI\u4e2d\u5185\u5bb9\u8d85\u8fc7\u957f\u5ea6\u540e\u4ee5\u7701\u7565\u53f7\u663e\u793a 3
\n20. \u4e3a\u4ec0\u4e48web\u6807\u51c6\u4e2dIE\u65e0\u6cd5\u8bbe\u7f6e\u6eda\u52a8\u6761\u989c\u8272\u4e86 3
\n21. \u4e3a\u4ec0\u4e48\u65e0\u6cd5\u5b9a\u4e491px\u5de6\u53f3\u9ad8\u5ea6\u7684\u5bb9\u5668 3
\n22. \u94fe\u63a5(a\u6807\u7b7e)\u7684\u8fb9\u6846\u4e0e\u80cc\u666f 3
\n23. \u8d85\u94fe\u63a5\u8bbf\u95ee\u8fc7\u540ehover\u6837\u5f0f\u5c31\u4e0d\u51fa\u73b0\u7684\u95ee\u9898 3
\n24. FORM\u6807\u7b7e 3
\n25. \u5c5e\u6027\u9009\u62e9\u5668(\u8fd9\u4e2a\u4e0d\u80fd\u7b97\u662f\u517c\u5bb9,\u662f\u9690\u85cfcss\u7684\u4e00\u4e2abug) 3
\n26. \u4e3a\u4ec0\u4e48FF\u4e0b\u6587\u672c\u65e0\u6cd5\u6491\u5f00\u5bb9\u5668\u7684\u9ad8\u5ea6 3
\n27. \u5173\u4e8e\u7a7a\u683c\u7684\u89e3\u91ca
\n28. \u6761\u4ef6\u6ce8\u91ca<\/p>\n
29. \u5f3a\u5236\u6e32\u67d3<\/p>\n
30. js\u517c\u5bb9\u6587\u4ef6<\/p>\n
31. \u6d4f\u89c8\u5668\u8bc6\u522b\u7b26<\/p>\n
\u00d8 JavaScript<\/p>\n
1. HTML\u5bf9\u8c61\u83b7\u53d6\u95ee\u9898<\/p>\n
FireFox\uff1adocument.getElementById(“idName”);<\/p>\n
ie:document.idname\u6216\u8005document.getElementById(“idName”).<\/p>\n
\u89e3\u51b3\u529e\u6cd5\uff1a\u7edf\u4e00\u4f7f\u7528document.getElementById(“idName”);
\n2. const\u95ee\u9898<\/p>\n
\u8bf4\u660e:Firefox\u4e0b,\u53ef\u4ee5\u4f7f\u7528const\u5173\u952e\u5b57\u6216var\u5173\u952e\u5b57\u6765\u5b9a\u4e49\u5e38\u91cf;<\/p>\n
IE\u4e0b,\u53ea\u80fd\u4f7f\u7528var\u5173\u952e\u5b57\u6765\u5b9a\u4e49\u5e38\u91cf. <\/p>\n
\u89e3\u51b3\u65b9\u6cd5\uff1a\u7edf\u4e00\u4f7f\u7528var\u5173\u952e\u5b57\u6765\u5b9a\u4e49\u5e38\u91cf.
\n3. event.x\u4e0eevent.y\u95ee\u9898<\/p>\n
\u8bf4\u660e:IE\u4e0b,event\u5bf9\u8c61\u6709x,y\u5c5e\u6027,\u4f46\u662f\u6ca1\u6709pageX,pageY\u5c5e\u6027;<\/p>\n
Firefox\u4e0b,event\u5bf9\u8c61\u6709pageX,pageY\u5c5e\u6027,\u4f46\u662f\u6ca1\u6709x,y\u5c5e\u6027. <\/p>\n
\u89e3\u51b3\u65b9\u6cd5\uff1a\u4f7f\u7528mX(mX = event.x ? event.x : event.pageX;)\u6765\u4ee3\u66ffIE\u4e0b\u7684event.x\u6216\u8005Firefox\u4e0b\u7684event.pageX.
\n4. window.location.href\u95ee\u9898<\/p>\n
\u8bf4\u660e:IE\u6216\u8005Firefox2.0.x\u4e0b,\u53ef\u4ee5\u4f7f\u7528window.location\u6216window.location.href;<\/p>\n
Firefox1.5.x\u4e0b,\u53ea\u80fd\u4f7f\u7528window.location. <\/p>\n
\u89e3\u51b3\u65b9\u6cd5\uff1a\u4f7f\u7528window.location\u6765\u4ee3\u66ffwindow.location.href.
\n5. frame\u95ee\u9898<\/p>\n
\u4ee5\u4e0b\u9762\u7684frame\u4e3a\u4f8b\uff1a<\/p>\n
<frame src=”xxx.html” id=”frameId” name=”frameName” \/><\/p>\n
(1)\u8bbf\u95eeframe\u5bf9\u8c61:<\/p>\n
IE:\u4f7f\u7528window.frameId\u6216\u8005window.frameName\u6765\u8bbf\u95ee\u8fd9\u4e2aframe\u5bf9\u8c61. frameId\u548cframeName\u53ef\u4ee5\u540c\u540d\u3002<\/p>\n
Firefox:\u53ea\u80fd\u4f7f\u7528window.frameName\u6765\u8bbf\u95ee\u8fd9\u4e2aframe\u5bf9\u8c61.<\/p>\n
\u53e6\u5916\uff0c\u5728IE\u548cFirefox\u4e2d\u90fd\u53ef\u4ee5\u4f7f\u7528window.document.getElementById(“frameId”)\u6765\u8bbf\u95ee\u8fd9\u4e2aframe\u5bf9\u8c61.<\/p>\n
(2)\u5207\u6362frame\u5185\u5bb9:<\/p>\n
\u5728 IE\u548cFirefox\u4e2d\u90fd\u53ef\u4ee5\u4f7f\u7528window.document.getElementById(“testFrame”).src = “xxx.html”\u6216window.frameName.location = “xxx.html”\u6765\u5207\u6362frame\u7684\u5185\u5bb9.<\/p>\n
\u5982\u679c\u9700\u8981\u5c06frame\u4e2d\u7684\u53c2\u6570\u4f20\u56de\u7236\u7a97\u53e3(\u6ce8\u610f\u4e0d\u662fopener,\u800c\u662fparent frame)\uff0c\u53ef\u4ee5\u5728frame\u4e2d\u4f7f\u7528parent\u6765\u8bbf\u95ee\u7236\u7a97\u53e3\u3002\u4f8b\u5982\uff1aparent.document.form1.filename.value=”Aqing”;
\n6. \u6a21\u6001\u548c\u975e\u6a21\u6001\u7a97\u53e3\u95ee\u9898<\/p>\n
\u8bf4\u660e:IE\u4e0b,\u53ef\u4ee5\u901a\u8fc7showModalDialog\u548cshowModelessDialog\u6253\u5f00\u6a21\u6001\u548c\u975e\u6a21\u6001\u7a97\u53e3;Firefox\u4e0b\u5219\u4e0d\u80fd. <\/p>\n
\u89e3\u51b3\u65b9\u6cd5\uff1a\u76f4\u63a5\u4f7f\u7528window.open(pageURL,name,parameters)\u65b9\u5f0f\u6253\u5f00\u65b0\u7a97\u53e3\u3002<\/p>\n
\u5982\u679c\u9700\u8981\u5c06\u5b50\u7a97\u53e3\u4e2d\u7684\u53c2\u6570\u4f20\u9012\u56de\u7236\u7a97\u53e3,\u53ef\u4ee5\u5728\u5b50\u7a97\u53e3\u4e2d\u4f7f\u7528window.opener\u6765\u8bbf\u95ee\u7236\u7a97\u53e3. <\/p>\n
\u4f8b\u5982\uff1avar parWin = window.opener; parWin.document.getElementById(“Aqing”).value = “Aqing”;
\n7. firefox\u4e0eIE\u7684\u7236\u5143\u7d20(parentElement)\u7684\u533a\u522b<\/p>\n
IE\uff1aobj.parentElement<\/p>\n
firefox\uff1aobj.parentNode<\/p>\n
\u89e3\u51b3\u65b9\u6cd5: \u56e0\u4e3afirefox\u4e0eIE\u90fd\u652f\u6301DOM,\u56e0\u6b64\u4f7f\u7528obj.parentNode\u662f\u4e0d\u9519\u9009\u62e9.
\n8. document.formName.item(\u201ditemName\u201d) \u95ee\u9898<\/p>\n
\u95ee\u9898\u8bf4\u660e\uff1aIE\u4e0b\uff0c\u53ef\u4ee5\u4f7f\u7528document.formName.item(\u201ditemName\u201d) \u6216document.formName.elements [“elementName”]\uff1bFirefox \u4e0b\uff0c\u53ea\u80fd\u4f7f\u7528document.formName.elements[“elementName”]\u3002<\/p>\n
\u89e3\u51b3\u65b9\u6cd5\uff1a\u7edf\u4e00\u4f7f\u7528document.formName.elements[“elementName”]\u3002
\n9. \u96c6\u5408\u7c7b\u5bf9\u8c61\u95ee\u9898<\/p>\n
\u95ee\u9898\u8bf4\u660e\uff1aIE\u4e0b\uff0c\u53ef\u4ee5\u4f7f\u7528 () \u6216 [] \u83b7\u53d6\u96c6\u5408\u7c7b\u5bf9\u8c61\uff1bFirefox\u4e0b\uff0c\u53ea\u80fd\u4f7f\u7528 [ ]\u83b7\u53d6\u96c6\u5408\u7c7b\u5bf9\u8c61\u3002<\/p>\n
\u89e3\u51b3\u65b9\u6cd5\uff1a\u7edf\u4e00\u4f7f\u7528 [] \u83b7\u53d6\u96c6\u5408\u7c7b\u5bf9\u8c61\u3002
\n10. \u81ea\u5b9a\u4e49\u5c5e\u6027\u95ee\u9898<\/p>\n
\u95ee\u9898\u8bf4\u660e\uff1aIE\u4e0b\uff0c\u53ef\u4ee5\u4f7f\u7528\u83b7\u53d6\u5e38\u89c4\u5c5e\u6027\u7684\u65b9\u6cd5\u6765\u83b7\u53d6\u81ea\u5b9a\u4e49\u5c5e\u6027\uff0c\u4e5f\u53ef\u4ee5\u4f7f\u7528getAttribute() \u83b7\u53d6\u81ea\u5b9a\u4e49\u5c5e\u6027\uff1bFirefox\u4e0b\uff0c\u53ea\u80fd\u4f7f\u7528getAttribute() \u83b7\u53d6\u81ea\u5b9a\u4e49\u5c5e\u6027\u3002<\/p>\n
\u89e3\u51b3\u65b9\u6cd5\uff1a\u7edf\u4e00\u901a\u8fc7getAttribute() \u83b7\u53d6\u81ea\u5b9a\u4e49\u5c5e\u6027\u3002
\n11. input.type\u5c5e\u6027\u95ee\u9898<\/p>\n
\u95ee\u9898\u8bf4\u660e\uff1aIE\u4e0binput.type\u5c5e\u6027\u4e3a\u53ea\u8bfb\uff1b\u4f46\u662fFirefox\u4e0binput.type\u5c5e\u6027\u4e3a\u8bfb\u5199\u3002<\/p>\n
\u89e3\u51b3\u529e\u6cd5\uff1a\u4e0d\u4fee\u6539input.type\u5c5e\u6027\u3002\u5982\u679c\u5fc5\u987b\u8981\u4fee\u6539\uff0c\u53ef\u4ee5\u5148\u9690\u85cf\u539f\u6765\u7684input\uff0c\u7136\u540e\u5728\u540c\u6837\u7684\u4f4d\u7f6e\u518d\u63d2\u5165\u4e00\u4e2a\u65b0\u7684input\u5143\u7d20\u3002
\n12. event.srcElement\u95ee\u9898<\/p>\n
\u95ee\u9898\u8bf4\u660e\uff1aIE\u4e0b\uff0ceven\u5bf9\u8c61\u6709srcElement\u5c5e\u6027\uff0c\u4f46\u662f\u6ca1\u6709target\u5c5e\u6027\uff1bFirefox\u4e0b\uff0ceven\u5bf9\u8c61\u6709target\u5c5e\u6027\uff0c\u4f46\u662f\u6ca1\u6709srcElement\u5c5e\u6027\u3002<\/p>\n
\u89e3\u51b3\u65b9\u6cd5\uff1a\u4f7f\u7528srcObj = event.srcElement ?event.srcElement : event.target;<\/p>\n
\u5982\u679c\u8003\u8651\u7b2c8\u6761\u95ee\u9898\uff0c\u5c31\u6539\u7528myEvent\u4ee3\u66ffevent\u5373\u53ef\u3002
\n13. body\u8f7d\u5165\u95ee\u9898<\/p>\n
\u95ee\u9898\u8bf4\u660e\uff1aFirefox\u7684body\u5bf9\u8c61\u5728body\u6807\u7b7e\u6ca1\u6709\u88ab\u6d4f\u89c8\u5668\u5b8c\u5168\u8bfb\u5165\u4e4b\u524d\u5c31\u5b58\u5728\uff1b\u800cIE\u7684body\u5bf9\u8c61\u5219\u5fc5\u987b\u5728body\u6807\u7b7e\u88ab\u6d4f\u89c8\u5668\u5b8c\u5168\u8bfb\u5165\u4e4b\u540e\u624d\u5b58\u5728\u3002<\/p>\n
[\u6ce8] \u8fd9\u4e2a\u95ee\u9898\u5c1a\u672a\u5b9e\u9645\u9a8c\u8bc1\uff0c\u5f85\u9a8c\u8bc1\u540e\u518d\u6765\u4fee\u6539\u3002<\/p>\n
[\u6ce8] \u7ecf\u9a8c\u8bc1\uff0cIE6\u3001Opera9\u4ee5\u53caFireFox2\u4e2d\u4e0d\u5b58\u5728\u4e0a\u8ff0\u95ee\u9898\uff0c\u5355\u7eaf\u7684JS\u811a\u672c\u53ef\u4ee5\u8bbf\u95ee\u5728\u811a\u672c\u4e4b\u524d\u5df2\u7ecf\u8f7d\u5165\u7684\u6240\u6709\u5bf9\u8c61\u548c\u5143\u7d20\uff0c\u5373\u4f7f\u8fd9\u4e2a\u5143\u7d20\u8fd8\u6ca1\u6709\u8f7d\u5165\u5b8c\u6210\u3002
\n14. \u4e8b\u4ef6\u59d4\u6258\u65b9\u6cd5<\/p>\n
\u95ee\u9898\u8bf4\u660e\uff1aIE\u4e0b\uff0c\u4f7f\u7528document.body.onload = inject; \u5176\u4e2dfunction inject()\u5728\u8fd9\u4e4b\u524d\u5df2\u88ab\u5b9e\u73b0\uff1b\u5728Firefox\u4e0b\uff0c\u4f7f\u7528document.body.onload = inject();<\/p>\n
\u89e3\u51b3\u65b9\u6cd5\uff1a\u7edf\u4e00\u4f7f\u7528document.body.onload=new Function(\u2019inject()\u2019); \u6216\u8005document.body.onload = function(){}<\/p>\n
[\u6ce8\u610f] Function\u548cfunction\u7684\u533a\u522b\u3002
\n15. Table\u64cd\u4f5c\u95ee\u9898<\/p>\n
\u95ee\u9898\u8bf4\u660e\uff1aie\u3001firefox\u4ee5\u53ca\u5176\u5b83\u6d4f\u89c8\u5668\u5bf9\u4e8e table \u6807\u7b7e\u7684\u64cd\u4f5c\u90fd\u5404\u4e0d\u76f8\u540c\uff0c\u5728ie\u4e2d\u4e0d\u5141\u8bb8\u5bf9table\u548ctr\u7684innerHTML\u8d4b\u503c\uff0c\u4f7f\u7528js\u589e\u52a0\u4e00\u4e2atr\u65f6\uff0c\u4f7f\u7528appendChild\u65b9\u6cd5\u4e5f\u4e0d\u7ba1\u7528\u3002<\/p>\n
\u89e3\u51b3\u65b9\u6cd5\uff1a\/\/\u5411table\u8ffd\u52a0\u4e00\u4e2a\u7a7a\u884c\uff1a<\/p>\n
var row = otable.insertRow(-1);var cell = document.createElement(“td”);cell.innerHTML = “”;cell.className = “XXXX”;row.appendChild(cell);[\u6ce8] \u7531\u4e8e\u4ffa\u5f88\u5c11\u4f7f\u7528JS\u76f4\u63a5\u64cd\u4f5c\u8868\u683c\uff0c\u8fd9\u4e2a\u95ee\u9898\u6ca1\u6709\u9047\u89c1\u8fc7\u3002\u5efa\u8bae\u4f7f\u7528JS\u6846\u67b6\u96c6\u6765\u64cd\u4f5ctable\uff0c\u5982JQuery\u3002
\n16. \u5bf9\u8c61\u5bbd\u9ad8\u8d4b\u503c\u95ee\u9898<\/p>\n
\u95ee\u9898\u8bf4\u660e\uff1aFireFox\u4e2d\u7c7b\u4f3cobj.style.height = imgObj.height\u7684\u8bed\u53e5\u65e0\u6548\u3002
\n\u00d8 CSS<\/p>\n
1. cursor:hand VS cursor:pointer<\/p>\n
firefox\u4e0d\u652f\u6301hand\uff0c\u4f46ie\u652f\u6301pointer<\/p>\n
\u89e3\u51b3\u65b9\u6cd5: \u7edf\u4e00\u4f7f\u7528pointer
\n17. innerText\u5728IE\u4e2d\u80fd\u6b63\u5e38\u5de5\u4f5c\uff0c\u4f46\u5728FireFox\u4e2d\u5374\u4e0d\u884c. <\/p>\n
\u9700\u7528textContent\u3002<\/p>\n
\u89e3\u51b3\u65b9\u6cd5:<\/p>\n
if(navigator.appName.indexOf(“Explorer”) > -1){<\/p>\n
document.getElementById(‘element’).innerText = “my text”;<\/p>\n
} else{<\/p>\n
document.getElementById(‘element’).textContent = “my text”;<\/p>\n
}
\n18. CSS\u900f\u660e<\/p>\n
IE\uff1afilter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)\u3002<\/p>\n
FF\uff1aopacity:0.6\u3002<\/p>\n
opacity \u900f\u660e\uff0c\u5b50\u5143\u7d20\u4f1a\u7ee7\u627f\u900f\u660e\u5c5e\u6027\u3002\u89e3\u51b3\u65b9\u5f0f\uff1a1\u3001\u4f7f\u7528 background:rgba(0,0,0,.6) \/\/IE8\u53ca\u4ee5\u4e0b\u65e0\u6548\u679c\u3002 2\u3001\u4f7f\u7528\u5b9a\u4f4d\uff0c\u80cc\u666f\u8272\u4e0e\u5b50\u5143\u7d20\u5904\u4e8e\u540c\u7ea7\u5173\u7cfb\u3002
\n19. css\u4e2d\u7684width\u548cpadding<\/p>\n
\u5728IE7\u548cFF\u4e2dwidth\u5bbd\u5ea6\u4e0d\u5305\u62ecpadding\uff0c\u5728Ie6\u4e2d\u5305\u62ecpadding.
\n20. FF\u548cIEBOX\u6a21\u578b\u89e3\u91ca\u4e0d\u4e00\u81f4\u5bfc\u81f4\u76f8\u5dee2px<\/p>\n
box.style{width:100;border 1px;} <\/p>\n
ie\u7406\u89e3\u4e3abox.width = 100 <\/p>\n
ff\u7406\u89e3\u4e3abox.width = 100 + 1*2 = 102 \/\/\u52a0\u4e0a\u8fb9\u68462px
\n\u89e3\u51b3\u65b9\u6cd5\uff1adiv{margin:30px!important;margin:28px;}<\/p>\n
\u6ce8\u610f\u8fd9\u4e24\u4e2amargin\u7684\u987a\u5e8f\u4e00\u5b9a\u4e0d\u80fd\u5199\u53cd\uff0c IE\u4e0d\u80fd\u8bc6\u522b!important\u8fd9\u4e2a\u5c5e\u6027\uff0c\u4f46\u522b\u7684\u6d4f\u89c8\u5668\u53ef\u4ee5\u8bc6\u522b\u3002\u6240\u4ee5\u5728IE\u4e0b\u5176\u5b9e\u89e3\u91ca\u6210\u8fd9\u6837\uff1adiv{maring:30px;margin:28px}<\/p>\n
\u91cd\u590d\u5b9a\u4e49\u7684\u8bdd\u6309\u7167\u6700\u540e\u4e00\u4e2a\u6765\u6267\u884c\uff0c\u6240\u4ee5\u4e0d\u53ef\u4ee5\u53ea\u5199margin:XXpx!important;
\n21. IE5 \u548cIE6\u7684BOX\u89e3\u91ca\u4e0d\u4e00\u81f4<\/p>\n
IE5\u4e0bdiv{width:300px;margin:0 10px 0 10px;}<\/p>\n
div \u7684\u5bbd\u5ea6\u4f1a\u88ab\u89e3\u91ca\u4e3a300px-10px(\u53f3\u586b\u5145)-10px(\u5de6\u586b\u5145)\uff0c\u6700\u7ec8div\u7684\u5bbd\u5ea6\u4e3a280px\uff0c\u800c\u5728IE6\u548c\u5176\u4ed6\u6d4f\u89c8\u5668\u4e0a\u5bbd\u5ea6\u5219\u662f\u4ee5 300px+10px(\u53f3\u586b\u5145)+10px(\u5de6\u586b\u5145)=320px\u6765\u8ba1\u7b97\u7684\u3002\u8fd9\u65f6\u6211\u4eec\u53ef\u4ee5\u505a\u5982\u4e0b\u4fee\u6539 div{width:300px!important;width :340px;margin:0 10px 0 10px}
\n22. ul\u548col\u5217\u8868\u7f29\u8fdb\u95ee\u9898<\/p>\n
\u6d88\u9664ul\u3001ol\u7b49\u5217\u8868\u7684\u7f29\u8fdb\u65f6\uff0c\u6837\u5f0f\u5e94\u5199\u6210\uff1alist-style:none;margin:0px;padding:0px;<\/p>\n
\u7ecf\u9a8c\u8bc1\uff0c\u5728IE\u4e2d\uff0c\u8bbe\u7f6emargin:0px\u53ef\u4ee5\u53bb\u9664\u5217\u8868\u7684\u4e0a\u4e0b\u5de6\u53f3\u7f29\u8fdb\u3001\u7a7a\u767d\u4ee5\u53ca\u5217\u8868\u7f16\u53f7\u6216\u5706\u70b9\uff0c\u8bbe\u7f6epadding\u5bf9\u6837\u5f0f\u6ca1\u6709\u5f71\u54cd\uff1b\u5728 Firefox \u4e2d\uff0c\u8bbe\u7f6emargin:0px\u4ec5\u4ec5\u53ef\u4ee5\u53bb\u9664\u4e0a\u4e0b\u7684\u7a7a\u767d\uff0c\u8bbe\u7f6epadding:0px\u540e\u4ec5\u4ec5\u53ef\u4ee5\u53bb\u6389\u5de6\u53f3\u7f29\u8fdb\uff0c\u8fd8\u5fc5\u987b\u8bbe\u7f6elist- style:none\u624d\u80fd\u53bb\u9664\u5217\u8868\u7f16\u53f7\u6216\u5706\u70b9\u3002\u4e5f\u5c31\u662f\u8bf4\uff0c\u5728IE\u4e2d\u4ec5\u4ec5\u8bbe\u7f6emargin:0px\u5373\u53ef\u8fbe\u5230\u6700\u7ec8\u6548\u679c\uff0c\u800c\u5728Firefox\u4e2d\u5fc5\u987b\u540c\u65f6\u8bbe\u7f6emargin:0px\u3001 padding:0px\u4ee5\u53calist-style:none\u4e09\u9879\u624d\u80fd\u8fbe\u5230\u6700\u7ec8\u6548\u679c\u3002
\n23. \u5143\u7d20\u6c34\u5e73\u5c45\u4e2d\u95ee\u9898<\/p>\n
FF: margin:0 auto;
\nIE: \u7236\u7ea7{ text-align:center; }
\n24. Div\u7684\u5782\u76f4\u5c45\u4e2d\u95ee\u9898<\/p>\n
vertical-align:middle; \u5c06\u884c\u8ddd\u589e\u52a0\u5230\u548c\u6574\u4e2aDIV\u4e00\u6837\u9ad8\uff1aline-height:200px; \u7136\u540e\u63d2\u5165\u6587\u5b57\uff0c\u5c31\u5782\u76f4\u5c45\u4e2d\u4e86\u3002\u7f3a\u70b9\u662f\u8981\u63a7\u5236\u5185\u5bb9\u4e0d\u8981\u6362\u884c\u3002
\n25. margin\u52a0\u500d\u7684\u95ee\u9898<\/p>\n
\u8bbe\u7f6e\u4e3afloat\u7684div\u5728ie\u4e0b\u8bbe\u7f6e\u7684margin\u4f1a\u52a0\u500d\u3002\u8fd9\u662f\u4e00\u4e2aie6\u90fd\u5b58\u5728\u7684bug\u3002\u89e3\u51b3\u65b9\u6848\u662f\u5728\u8fd9\u4e2adiv\u91cc\u9762\u52a0\u4e0adisplay:inline;
\n\u4f8b\u5982\uff1a
\n<div id=\u201dimfloat\u201d><\/p>\n
\u76f8\u5e94\u7684css\u4e3a<\/p>\n
#imfloat{ <\/p>\n
float:left; <\/p>\n
margin:5px; <\/p>\n
display:inline;}
\n26. IE\u4e0e\u5bbd\u5ea6\u548c\u9ad8\u5ea6\u7684\u95ee\u9898<\/p>\n
IE\u4e0d\u8ba4\u5f97min-\u8fd9\u4e2a\u5b9a\u4e49\uff0c\u4f46\u5b9e\u9645\u4e0a\u5b83\u628a\u6b63\u5e38\u7684width\u548cheight\u5f53\u4f5c\u6709min\u7684\u60c5\u51b5\u6765\u4f7f\u3002\u8fd9\u6837\u95ee\u9898\u5c31\u5927\u4e86\uff0c\u5982\u679c\u53ea\u7528\u5bbd\u5ea6\u548c\u9ad8\u5ea6\uff0c\u6b63\u5e38\u7684\u6d4f\u89c8\u5668\u91cc\u8fd9\u4e24\u4e2a\u503c\u5c31\u4e0d\u4f1a\u53d8\uff0c\u5982\u679c\u53ea\u7528min-width\u548cmin-height\u7684\u8bdd\uff0cIE\u4e0b\u9762\u6839\u672c\u7b49\u4e8e\u6ca1\u6709\u8bbe\u7f6e\u5bbd\u5ea6\u548c\u9ad8\u5ea6\u3002
\n\u6bd4\u5982\u8981\u8bbe\u7f6e\u80cc\u666f\u56fe\u7247\uff0c\u8fd9\u4e2a\u5bbd\u5ea6\u662f\u6bd4\u8f83\u91cd\u8981\u7684\u3002\u8981\u89e3\u51b3\u8fd9\u4e2a\u95ee\u9898\uff0c\u53ef\u4ee5\u8fd9\u6837\uff1a
\n#box{ width: 80px; height: 35px;}html>body #box{ width: auto; height: auto; min-width: 80px; min-height: 35px;}
\n27. \u9875\u9762\u7684\u6700\u5c0f\u5bbd\u5ea6<\/p>\n
\u5982\u4e0a\u4e00\u4e2a\u95ee\u9898\uff0cIE\u4e0d\u8bc6\u522bmin\uff0c\u8981\u5b9e\u73b0\u6700\u5c0f\u5bbd\u5ea6\uff0c\u53ef\u7528\u4e0b\u9762\u7684\u65b9\u6cd5\uff1a
\n#container{ min-width: 600px; width:expression(document.body.clientWidth\uff1c 600? “600px”: “auto” );}
\n\u7b2c\u4e00\u4e2amin-width\u662f\u6b63\u5e38\u7684\uff1b\u4f46\u7b2c2\u884c\u7684width\u4f7f\u7528\u4e86Javascript\uff0c\u8fd9\u53ea\u6709IE\u624d\u8ba4\u5f97\uff0c\u8fd9\u4e5f\u4f1a\u8ba9\u4f60\u7684HTML\u6587\u6863\u4e0d\u592a\u6b63\u89c4\u3002\u5b83\u5b9e\u9645\u4e0a\u901a\u8fc7Javascript\u7684\u5224\u65ad\u6765\u5b9e\u73b0\u6700\u5c0f\u5bbd\u5ea6\u3002
\n28. DIV\u6d6e\u52a8IE\u6587\u672c\u4ea7\u751f3\u8c61\u7d20\u7684bug<\/p>\n
\u5de6\u8fb9\u5bf9\u8c61\u6d6e\u52a8\uff0c\u53f3\u8fb9\u91c7\u7528\u5916\u8865\u4e01\u7684\u5de6\u8fb9\u8ddd\u6765\u5b9a\u4f4d\uff0c\u53f3\u8fb9\u5bf9\u8c61\u5185\u7684\u6587\u672c\u4f1a\u79bb\u5de6\u8fb9\u67093px\u7684\u95f4\u8ddd.
\n#box{ float:left; width:800px;} <\/p>\n
#left{ float:left; width:50%;} <\/p>\n
#right{ width:50%;} <\/p>\n
*html #left{ margin-right:-3px; \/\/\u8fd9\u53e5\u662f\u5173\u952e} <\/p>\n
<div id=”box”><\/p>\n
<div id=”left”>\uff1c\/div><\/p>\n
<div id=”right”>\uff1c\/div><\/p>\n
<\/div>
\n29. IE\u6349\u8ff7\u85cf\u7684\u95ee\u9898<\/p>\n
\u5f53div\u5e94\u7528\u590d\u6742\u7684\u65f6\u5019\u6bcf\u4e2a\u680f\u4e2d\u53c8\u6709\u4e00\u4e9b\u94fe\u63a5\uff0cDIV\u7b49\u8fd9\u4e2a\u65f6\u5019\u5bb9\u6613\u53d1\u751f\u6349\u8ff7\u85cf\u7684\u95ee\u9898\u3002
\n\u6709\u4e9b\u5185\u5bb9\u663e\u793a\u4e0d\u51fa\u6765\uff0c\u5f53\u9f20\u6807\u9009\u62e9\u8fd9\u4e2a\u533a\u57df\u662f\u53d1\u73b0\u5185\u5bb9\u786e\u5b9e\u5728\u9875\u9762\u3002
\n\u89e3\u51b3\u529e\u6cd5\uff1a\u5bf9#layout\u4f7f\u7528line-height\u5c5e\u6027\u6216\u8005\u7ed9#layout\u4f7f\u7528\u56fa\u5b9a\u9ad8\u548c\u5bbd\u3002\u9875\u9762\u7ed3\u6784\u5c3d\u91cf\u7b80\u5355\u3002
\n30. float\u7684div\u95ed\u5408;\u6e05\u9664\u6d6e\u52a8;\u81ea\u9002\u5e94\u9ad8\u5ea6<\/p>\n
\u2460 \u4f8b\u5982\uff1a\uff1cdiv id=\u201dfloatA\u201d>\uff1cdiv id=\u201dfloatB\u201d>\uff1cdiv id=\u201dNOTfloatC\u201d>
\n\u8fd9\u91cc\u7684NOTfloatC\u5e76\u4e0d\u5e0c\u671b\u7ee7\u7eed\u5e73\u79fb\uff0c\u800c\u662f\u5e0c\u671b\u5f80\u4e0b\u6392\u3002(\u5176\u4e2dfloatA\u3001floatB\u7684\u5c5e\u6027\u5df2\u7ecf\u8bbe\u7f6e\u4e3afloat:left;)
\n\u8fd9\u6bb5\u4ee3\u7801\u5728IE\u4e2d\u6beb\u65e0\u95ee\u9898\uff0c\u95ee\u9898\u51fa\u5728FF\u3002\u539f\u56e0\u662fNOTfloatC\u5e76\u975efloat\u6807\u7b7e\uff0c\u5fc5\u987b\u5c06float\u6807\u7b7e\u95ed\u5408\u3002\u5728\uff1cdiv class=\u201dfloatB\u201d>\uff1cdiv class=\u201dNOTfloatC\u201d>\u4e4b\u95f4\u52a0\u4e0a\uff1cdiv class=\u201dclear\u201d>\u8fd9\u4e2adiv\u4e00\u5b9a\u8981\u6ce8\u610f\u4f4d\u7f6e\uff0c\u800c\u4e14\u5fc5\u987b\u4e0e\u4e24\u4e2a\u5177\u6709float\u5c5e\u6027\u7684div\u540c\u7ea7\uff0c\u4e4b\u95f4\u4e0d\u80fd\u5b58\u5728\u5d4c\u5957\u5173\u7cfb\uff0c\u5426\u5219\u4f1a\u4ea7\u751f\u5f02\u5e38\u3002\u5e76\u4e14\u5c06clear\u8fd9\u79cd\u6837\u5f0f\u5b9a\u4e49\u4e3a\u4e3a\u5982\u4e0b\u5373\u53ef\uff1a.clear{clear:both;}
\n\u2461\u4f5c\u4e3a\u5916\u90e8 wrapper \u7684 div \u4e0d\u8981\u5b9a\u6b7b\u9ad8\u5ea6,\u4e3a\u4e86\u8ba9\u9ad8\u5ea6\u80fd\u81ea\u9002\u5e94\uff0c\u8981\u5728wrapper\u91cc\u9762\u52a0\u4e0aoverflow:hidden; \u5f53\u5305\u542bfloat\u7684box\u7684\u65f6\u5019\uff0c\u9ad8\u5ea6\u81ea\u9002\u5e94\u5728IE\u4e0b\u65e0\u6548\uff0c\u8fd9\u65f6\u5019\u5e94\u8be5\u89e6\u53d1IE\u7684layout\u79c1\u6709\u5c5e\u6027(\u4e07\u6076\u7684IE\u554a\uff01)\u7528zoom:1;\u53ef\u4ee5\u505a\u5230\uff0c\u8fd9\u6837\u5c31\u8fbe\u5230\u4e86\u517c\u5bb9\u3002<\/p>\n
\u4f8b\u5982\u67d0\u4e00\u4e2awrapper\u5982\u4e0b\u5b9a\u4e49\uff1a
\n.colwrapper{overflow:hidden; zoom:1; margin:5px auto;}
\n\u2462\u5bf9\u4e8e\u6392\u7248,\u6211\u4eec\u7528\u5f97\u6700\u591a\u7684css\u63cf\u8ff0\u53ef\u80fd\u5c31\u662ffloat:left.\u6709\u7684\u65f6\u5019\u6211\u4eec\u9700\u8981\u5728n\u680f\u7684float div\u540e\u9762\u505a\u4e00\u4e2a\u7edf\u4e00\u7684\u80cc\u666f,\u8b6c\u5982:
\n<div id=\u201dpage\u201d>
\n<div id=\u201dleft\u201d>\uff1c\/div><\/p>\n
<div id=\u201dcenter\u201d>\uff1c\/div><\/p>\n
<div id=\u201dright\u201d>\uff1c\/div>
\n<\/div>
\n\u6bd4\u5982\u6211\u4eec\u8981\u5c06page\u7684\u80cc\u666f\u8bbe\u7f6e\u6210\u84dd\u8272,\u4ee5\u8fbe\u5230\u6240\u6709\u4e09\u680f\u7684\u80cc\u666f\u989c\u8272\u662f\u84dd\u8272\u7684\u76ee\u7684,\u4f46\u662f\u6211\u4eec\u4f1a\u53d1\u73b0\u968f\u7740left center right\u7684\u5411\u4e0b\u62c9\u957f,\u800cpage\u5c45\u7136\u4fdd\u5b58\u9ad8\u5ea6\u4e0d\u53d8,\u95ee\u9898\u6765\u4e86,\u539f\u56e0\u5728\u4e8epage\u4e0d\u662ffloat\u5c5e\u6027,\u800c\u6211\u4eec\u7684page\u7531\u4e8e\u8981\u5c45\u4e2d,\u4e0d\u80fd\u8bbe\u7f6e\u6210float,\u6240\u4ee5\u6211\u4eec\u5e94\u8be5\u8fd9\u6837\u89e3\u51b3\uff1a
\n<div id=\u201dpage\u201d>
\n<div id=\u201dbg\u201d style=\u201dfloat:left;width:100%\u201d>
\n<div id=\u201dleft\u201d>\uff1c\/div><\/p>\n
<div id=\u201dcenter\u201d>\uff1c\/div><\/p>\n
<div id=\u201dright\u201d>\uff1c\/div>
\n<\/div>
\n<\/div>
\n\u518d\u5d4c\u5165\u4e00\u4e2afloat left\u800c\u5bbd\u5ea6\u662f100%\u7684DIV\u89e3\u51b3\u4e4b\u3002
\n\u6216\u8005\u53e6\u4e00\u79cd\u65b9\u6cd5\uff1a\u7528\u9009\u62e9\u5668\uff08\uff1aafter\uff09\u5728page\u4e4b\u540e\u63d2\u5165\u4e00\u4e2a\u7a7a\u6807\u7b7e,\u5e76\u6e05\u9664\u6d6e\u52a8
\n.page:after { content: “”; display: table; clear: both; }
\n\u2463\u4e07\u80fdfloat \u95ed\u5408(\u975e\u5e38\u91cd\u8981!)
\n\u5173\u4e8e clear float \u7684\u539f\u7406\u53ef\u53c2\u89c1 [How To Clear Floats Without Structural Markup],\u5c06\u4ee5\u4e0b\u4ee3\u7801\u52a0\u5165Global CSS \u4e2d,\u7ed9\u9700\u8981\u95ed\u5408\u7684div\u52a0\u4e0aclass=”clearfix” \u5373\u53ef,\u5c61\u8bd5\u4e0d\u723d\u3002<\/p>\n
.clearfix:after { content:”.”; display:block; height:0; clear:both; visibility:hidden; } <\/p>\n
.clearfix { display:inline-block; }
\n.clearfix {display:block;} <\/p>\n
\u6216\u8005\u8fd9\u6837\u8bbe\u7f6e\uff1a.hackbox{ display:table; \/\/\u5c06\u5bf9\u8c61\u4f5c\u4e3a\u5757\u5143\u7d20\u7ea7\u7684\u8868\u683c\u663e\u793a}
\n31. \u9ad8\u5ea6\u4e0d\u9002\u5e94<\/p>\n
\u9ad8\u5ea6\u4e0d\u9002\u5e94\u662f\u5f53\u5185\u5c42\u5bf9\u8c61\u7684\u9ad8\u5ea6\u53d1\u751f\u53d8\u5316\u65f6\u5916\u5c42\u9ad8\u5ea6\u4e0d\u80fd\u81ea\u52a8\u8fdb\u884c\u8c03\u8282\uff0c\u7279\u522b\u662f\u5f53\u5185\u5c42\u5bf9\u8c61\u4f7f\u7528margin \u6216padding\u65f6\u3002
\n\u4f8b\uff1a
\n#box {background-color:#eee; } <\/p>\n
#box p {margin-top: 20px;margin-bottom: 20px; text-align:center; } <\/p>\n
<div id=”box”><\/p>\n
<p>p\u5bf9\u8c61\u4e2d\u7684\u5185\u5bb9\uff1c\/p><\/p>\n
<\/div>
\n\u89e3\u51b3\u6280\u5de7\uff1a\u5728P\u5bf9\u8c61\u4e0a\u4e0b\u5404\u52a02\u4e2a\u7a7a\u7684div\u5bf9\u8c61CSS\u4ee3\u7801{height:0px;overflow:hidden;}\u6216\u8005\u4e3aDIV\u52a0\u4e0aborder\u5c5e\u6027\u3002
\n32. IE6\u4e0b\u56fe\u7247\u4e0b\u6709\u7a7a\u9699\u4ea7\u751f<\/p>\n
\u89e3\u51b3\u8fd9\u4e2aBUG\u7684\u6280\u5de7\u6709\u5f88\u591a,\u53ef\u4ee5\u662f\u6539\u53d8html\u7684\u6392\u7248,\u6216\u8005\u8bbe\u7f6eimg\u4e3adisplay:block\u6216\u8005\u8bbe\u7f6evertical-align\u5c5e\u6027\u4e3avertical-align:top\/bottom\/middle\/text-bottom \u90fd\u53ef\u4ee5\u89e3\u51b3.
\n33. \u5bf9\u9f50\u6587\u672c\u4e0e\u6587\u672c\u8f93\u5165\u6846<\/p>\n
\u52a0\u4e0avertical-align:middle;
\n<style type=”text\/css”><\/p>\n
<!–<\/p>\n
input { <\/p>\n
width:200px; <\/p>\n
height:30px; <\/p>\n
border:1px solid red; <\/p>\n
vertical-align:middle; <\/p>\n
} <\/p>\n
–><\/p>\n
<\/style>
\n\u7ecf\u9a8c\u8bc1\uff0c\u5728IE\u4e0b\u4efb\u4e00\u7248\u672c\u90fd\u4e0d\u9002\u7528\uff0c\u800cff\u3001opera\u3001safari\u3001chrome\u5747OK\uff01
\n34. LI\u4e2d\u5185\u5bb9\u8d85\u8fc7\u957f\u5ea6\u540e\u4ee5\u7701\u7565\u53f7\u663e\u793a<\/p>\n
\u6b64\u6280\u5de7\u9002\u7528\u4e0eIE\u3001Opera\u3001safari\u3001chrom\u6d4f\u89c8\u5668\uff0cFF\u6682\u4e0d\u652f\u6301\u3002
\n<style type=”text\/css”><\/p>\n
<!–<\/p>\n
li { <\/p>\n
width:200px; <\/p>\n
white-space:nowrap; <\/p>\n
text-overflow:ellipsis; <\/p>\n
-o-text-overflow:ellipsis; <\/p>\n
overflow: hidden; <\/p>\n
}
\n–><\/p>\n
<\/style>
\n35. \u4e3a\u4ec0\u4e48web\u6807\u51c6\u4e2dIE\u65e0\u6cd5\u8bbe\u7f6e\u6eda\u52a8\u6761\u989c\u8272\u4e86<\/p>\n
\u89e3\u51b3\u529e\u6cd5\u662f\u5c06body\u6362\u6210html
\n<!DOCTYPE html PUBLIC “-\/\/W3C\/\/DTD XHTML 1.0 Strict\/\/EN” “http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-strict.dtd”><\/p>\n
<meta http-equiv=”Content-Type” content=”text\/html; charset=gb2312″ \/><\/p>\n
<style type=”text\/css”><\/p>\n
<!– <\/p>\n
html { <\/p>\n
scrollbar-face-color:#f6f6f6; <\/p>\n
scrollbar-highlight-color:#fff; <\/p>\n
scrollbar-shadow-color:#eeeeee; <\/p>\n
scrollbar-3dlight-color:#eeeeee; <\/p>\n
scrollbar-arrow-color:#000; <\/p>\n
scrollbar-track-color:#fff; <\/p>\n
scrollbar-darkshadow-color:#fff; <\/p>\n
} <\/p>\n
–><\/p>\n
\uff1c\/style>
\n36. \u4e3a\u4ec0\u4e48\u65e0\u6cd5\u5b9a\u4e491px\u5de6\u53f3\u9ad8\u5ea6\u7684\u5bb9\u5668<\/p>\n
IE6\u4e0b\u8fd9\u4e2a\u95ee\u9898\u662f\u56e0\u4e3a\u9ed8\u8ba4\u7684\u884c\u9ad8\u9020\u6210\u7684,\u89e3\u51b3\u7684\u6280\u5de7\u4e5f\u6709\u5f88\u591a\uff1a
\n\u4f8b\u5982:overflow:hidden\u3000 zoom:0.08 \u3000 line-height:1px
\n16.\u600e\u4e48\u6837\u624d\u80fd\u8ba9\u5c42\u663e\u793a\u5728FLASH\u4e4b\u4e0a\u5462
\n\u89e3\u51b3\u7684\u529e\u6cd5\u662f\u7ed9FLASH\u8bbe\u7f6e\u900f\u660e
\n<param name=”wmode” value=”transparent” \/>
\n37. \u94fe\u63a5(a\u6807\u7b7e)\u7684\u8fb9\u6846\u4e0e\u80cc\u666f<\/p>\n
a\u94fe\u63a5\u52a0\u8fb9\u6846\u548c\u80cc\u666f\u8272\uff0c\u9700\u8bbe\u7f6e display: block, \u540c\u65f6\u8bbe\u7f6e float: left \u4fdd\u8bc1\u4e0d\u6362\u884c\u3002\u53c2\u7167menubar, \u7ed9 a \u548cmenubar\u8bbe\u7f6e\u9ad8\u5ea6\u662f\u4e3a\u4e86\u907f\u514d\u5e95\u8fb9\u663e\u793a\u9519\u4f4d, \u82e5\u4e0d\u8bbe height, \u53ef\u4ee5\u5728menubar\u4e2d\u63d2\u5165\u4e00\u4e2a\u7a7a\u683c\u3002
\n38. \u8d85\u94fe\u63a5\u8bbf\u95ee\u8fc7\u540ehover\u6837\u5f0f\u5c31\u4e0d\u51fa\u73b0\u7684\u95ee\u9898<\/p>\n
\u88ab\u70b9\u51fb\u8bbf\u95ee\u8fc7\u7684\u8d85\u94fe\u63a5\u6837\u5f0f\u4e0d\u5728\u5177\u6709hover\u548cactive\u4e86,\u5f88\u591a\u4eba\u5e94\u8be5\u90fd\u9047\u5230\u8fc7\u8fd9\u4e2a\u95ee\u9898,\u89e3\u51b3\u6280\u5de7\u662f\u6539\u53d8CSS\u5c5e\u6027\u7684\u6392\u5217\u987a\u5e8f: L-V-H-A
\nCode:
\n<style type=”text\/css”><\/p>\n
<!–<\/p>\n
a:link {} <\/p>\n
a:visited {} <\/p>\n
a:hover {} <\/p>\n
a:active {} <\/p>\n
–><\/p>\n
<\/style>
\n39. FORM\u6807\u7b7e<\/p>\n
\u8fd9\u4e2a\u6807\u7b7e\u5728IE\u4e2d,\u5c06\u4f1a\u81ea\u52a8margin\u4e00\u4e9b\u8fb9\u8ddd,\u800c\u5728FF\u4e2dmargin\u5219\u662f0,\u56e0\u6b64,\u5982\u679c\u60f3\u663e\u793a\u4e00\u81f4,\u6240\u4ee5\u6700\u597d\u5728css\u4e2d\u6307\u5b9amargin\u548c padding,\u9488\u5bf9\u4e0a\u9762\u4e24\u4e2a\u95ee\u9898,\u6211\u7684css\u4e2d\u4e00\u822c\u9996\u5148\u90fd\u4f7f\u7528\u8fd9\u6837\u7684\u6837\u5f0ful,form{margin:0;padding:0;}\u3002
\n40. \u5c5e\u6027\u9009\u62e9\u5668(\u8fd9\u4e2a\u4e0d\u80fd\u7b97\u662f\u517c\u5bb9,\u662f\u9690\u85cfcss\u7684\u4e00\u4e2abug)<\/p>\n
p[id]{}div[id]{}
\n\u8fd9\u4e2a\u5bf9\u4e8eIE6.0\u548cIE6.0\u4ee5\u4e0b\u7684\u7248\u672c\u90fd\u9690\u85cf,FF\u548cOPera\u4f5c\u7528.\u5c5e\u6027\u9009\u62e9\u5668\u548c\u5b50\u9009\u62e9\u5668\u8fd8\u662f\u6709\u533a\u522b\u7684,\u5b50\u9009\u62e9\u5668\u7684\u8303\u56f4\u4ece\u5f62\u5f0f\u6765\u8bf4\u7f29\u5c0f\u4e86,\u5c5e\u6027\u9009\u62e9\u5668\u7684\u8303\u56f4\u6bd4\u8f83\u5927,\u5982p[id]\u4e2d,\u6240\u6709p\u6807\u7b7e\u4e2d\u6709id\u7684\u90fd\u662f\u540c\u6837\u5f0f\u7684.
\n41. \u4e3a\u4ec0\u4e48FF\u4e0b\u6587\u672c\u65e0\u6cd5\u6491\u5f00\u5bb9\u5668\u7684\u9ad8\u5ea6<\/p>\n
\u6807\u51c6\u6d4f\u89c8\u5668\u4e2d\u56fa\u5b9a\u9ad8\u5ea6\u503c\u7684\u5bb9\u5668\u662f\u4e0d\u4f1a\u8c61IE6\u91cc\u90a3\u6837\u88ab\u6491\u5f00\u7684,\u90a3\u6211\u53c8\u60f3\u56fa\u5b9a\u9ad8\u5ea6,\u53c8\u60f3\u80fd\u88ab\u6491\u5f00\u9700\u8981\u600e\u6837\u8bbe\u7f6e\u5462\uff1f\u529e\u6cd5\u5c31\u662f\u53bb\u6389height\u8bbe\u7f6emin-height:200px; \u8fd9\u91cc\u4e3a\u4e86\u7167\u987e\u4e0d\u8ba4\u8bc6min-height\u7684IE6 \u53ef\u4ee5\u8fd9\u6837\u5b9a\u4e49:
\n{ <\/p>\n
height:auto!important; <\/p>\n
height:200px; <\/p>\n
min-height:200px; <\/p>\n
} <\/p>\n
43. IE\u548cFireFox \u5bf9\u7a7a\u683c\u7684\u5c3a\u5bf8\u89e3\u91ca\u4e0d\u540c\uff0cFireFox\u4e3a4px,IE\u4e3a8px; FireFox\u5bf9div\u4e0ediv\u4e4b\u95f4\u7684\u7a7a\u683c\u662f\u5ffd\u7565\u7684\uff0c\u4f46\u662fIE\u662f\u5904\u7406\u7684\u3002\u56e0\u6b64\u5728\u4e24\u4e2a\u76f8\u90bbdiv\u4e4b\u95f4\u4e0d\u8981\u6709\u7a7a\u683c\u8ddf\u56de\u8f66\uff0c\u5426\u5219\u53ef\u80fd\u9020\u6210\u4e0d\u540c\u6d4f\u89c8\u95f4\u4e4b\u95f4\u683c\u5f0f\u4e0d\u6b63\u786e\uff0c\u6bd4\u5982\u8457\u540d\u76843px\u504f\u5dee\uff08\u591a\u4e2aimg\u6807\u7b7e\u8fde\u7740\uff0c\u7136\u540e\u5b9a\u4e49float: left;\u7ed3\u679c\u5728firefox\u91cc\u9762\u6b63\u5e38\uff0c\u800cIE\u91cc\u9762\u663e\u793a\u7684\u6bcf\u4e2aimg\u90fd\u76f8\u9694\u4e863px\u3002\u6211\u628a\u6807\u7b7e\u4e4b\u95f4\u7684\u7a7a\u683c\u90fd\u5220\u9664\u90fd\u6ca1\u6709\u4f5c\u7528\u3002\u89e3\u51b3\u65b9\u6cd5\u662f\u5728img\u5916\u9762\u5957li\uff0c\u5e76\u4e14\u5bf9li\u5b9a\u4e49margin: 0; \u907f\u514d\u65b9\u5f0f\uff1a\u5728\u5fc5\u8981\u7684\u65f6\u5019\u4e0d\u8981\u65e0\u89c6 list \u6807\u7b7e\uff09\u800c\u4e14\u539f\u56e0\u96be\u4ee5\u67e5\u660e\u3002
\n44. \u6761\u4ef6\u6ce8\u91ca
\n<link rel=”stylesheet” type=”text\/css” href=”css.css” \/>
\n<!–[if IE 7]><\/p>\n
<link rel=”stylesheet” type=”text\/css” href=”ie7.css” \/><\/p>\n
<![endif]–>
\n<!–[if lte IE 6]><\/p>\n
<link rel=”stylesheet” type=”text\/css” href=”ie.css” \/><\/p>\n
<![endif]–>
\nlte — \u5c0f\u4e8e\u7b49\u4e8e<\/p>\n
lt — \u5c0f\u4e8e<\/p>\n
gte — \u5927\u4e8e\u7b49\u4e8e<\/p>\n
gt — \u5927\u4e8e<\/p>\n
\uff01 — \u4e0d\u7b49\u4e8e<\/p>\n
45.\u5f3a\u5236\u6e32\u67d3<\/p>\n
<meta http-equiv=X-UA-Compatible content=IE=EmulateIE7> \/\/\u8fd9\u53e5\u8bdd\u7684\u610f\u601d\u662f\u5f3a\u5236\u4f7f\u7528IE7\u6a21\u5f0f\u6765\u89e3\u6790\u7f51\u9875\u4ee3\u7801\uff01
\n<meta http-equiv=\u201cX-UA-Compatible\u201d content=\u201cIE=8\u2033>
\n<meta http-equiv=\u201cX-UA-Compatible\u201d content=\u201cchrome=1\u2033 \/> \/\/Google Chrome Frame\u4e5f\u53ef\u4ee5\u8ba9IE\u7528\u4e0aChrome\u7684\u5f15\u64ce
\n<meta http-equiv=\u201cX-UA-Compatible\u201d content=\u201cIE=EmulateIE7\u2033><!\u2013 IE7 mode \u2013> \u6216\u8005 <meta http-equiv=\u201cX-UA-Compatible\u201d content=\u201cIE=7\u2033><!\u2013 IE7 mode \u2013> \/\/\u5f3a\u5236IE8\u4f7f\u7528IE7\u6a21\u5f0f\u6765\u89e3\u6790
\n<meta http-equiv=\u201cX-UA-Compatible\u201d content=\u201cIE=6\u2033><!\u2013 IE6 mode \u2013> <meta http-equiv=\u201cX-UA-Compatible\u201d content=\u201cIE=5\u2033><!\u2013 IE5 mode \u2013> \/\/\u5f3a\u5236IE8\u4f7f\u7528IE6\u6216IE5\u6a21\u5f0f\u6765\u89e3\u6790
\n<meta http-equiv=\u201cX-UA-Compatible\u201d content=\u201cIE=5; IE=8\u2033 \/> \/\/\u4e00\u4e2a\u7279\u5b9a\u7248\u672c\u7684IE\u652f\u6301\u6240\u8981\u6c42\u7684\u517c\u5bb9\u6027\u6a21\u5f0f\u591a\u4e8e\u4e00\u79cd
\n46.js\u517c\u5bb9\u6587\u4ef6
\n\u4f7fIE5,IE6\u517c\u5bb9\u5230IE7\u6a21\u5f0f\uff08\u63a8\u8350\uff09
\n<!\u2013[if lt IE 7]><\/p>\n
<script src=\u201dhttp:\/\/ie7-js.googlecode.com\/svn\/version\/2.0(beta)\/IE7.js\u201d type=\u201dtext\/javascript\u201d><\/script><\/p>\n
<![endif]\u2013><\/p>\n
\u4f7fIE5,IE6,IE7\u517c\u5bb9\u5230IE8\u6a21\u5f0f
\n<!\u2013[if lt IE 8]><\/p>\n
<script src=\u201dhttp:\/\/ie7-js.googlecode.com\/svn\/version\/2.0(beta)\/IE8.js\u201d type=\u201dtext\/javascript\u201d><\/script><\/p>\n
<![endif]\u2013><\/p>\n
\u4f7fIE5,IE6,IE7,IE8\u517c\u5bb9\u5230IE9\u6a21\u5f0f
\n<!\u2013[if lt IE 9]><\/p>\n
<script src=\u201dhttp:\/\/ie7-js.googlecode.com\/svn\/version\/2.1(beta4)\/IE9.js\u201d><\/script><\/p>\n
<![endif]\u2013><\/p>\n
47. \u6d4f\u89c8\u5668\u8bc6\u522b\u7b26
\np{ _color:red; } IE6 \u4e13\u7528<\/p>\n
*html p{ color:#red; } IE6 \u4e13\u7528<\/p>\n
p{ +color:red; } IE6,7 \u4e13\u7528<\/p>\n
p{ *color:red; } IE6,7 \u4e13\u7528<\/p>\n
*html p{ color:red; } IE6,7 \u4e13\u7528<\/p>\n
p{*+color: red;} IE7 \u4e13\u7528<\/p>\n
Body> p{ color: red; } \u5c4f\u853d IE6<\/p>\n
p{ color:red\\9; } IE8
\nFirefox: -moz-<\/p>\n
Safari: -webkit-<\/p>\n
Opera: -o-<\/p>\n
IE: -ms-<\/p>\n
\u6b22\u8fce\u5206\u4eab\u672c\u6587\uff0c\u8f6c\u8f7d\u8bf7\u4fdd\u7559\u51fa\u5904\uff1a\u524d\u7aefABC<\/a> » \u5e38\u89c1\u7684\u6d4f\u89c8\u5668\u517c\u5bb9\u6027\u95ee\u9898<\/a><\/p>","protected":false},"excerpt":{"rendered":" \u6d4f\u89c8\u5668\u517c\u5bb9\u6027\u95ee\u9898\u5927\u6c47\u603b \u00d8 JavaScript 3 1. HTML\u5bf9\u8c61\u83b7\u53d6\u95ee\u9898 3 2. const\u95ee\u9898 3 3. event.x\u4e0eevent.y\u95ee\u9898 3 4. window.location.hr […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"_links":{"self":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2045"}],"collection":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2045"}],"version-history":[{"count":1,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2045\/revisions"}],"predecessor-version":[{"id":2046,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2045\/revisions\/2046"}],"wp:attachment":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2045"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2045"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2045"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}