IE6¡¢IE7¡¢IE8µÄCSS¡¢JS¼æÈÝ
Internet Explorer 6Öв鿴ʹÓà Microsoft JScript µÄÍøÒ³£¬¿ÉÄÜ»áÓöµ½webä¯ÀÀÆ÷ËٶȽÏÂýµÄÐÔÄÜÎÊÌâ¡£ÔÒòÊÇÈç¹ûjs½Å±¾Í¬Ê±´´½¨´óÁ¿±äÁ¿£¬jscriptÒýÇæÖ´ÐÐÀ¬»øÊÕ¼¯Ë㷨ʱ»á¼àÊӽű¾ÖбäÁ¿·ÖÅäµÄ ÊýÁ¿¡¢½Å±¾ÖÐʹÓõÄÎÄ×ÖÖµµÄÊýÁ¿ºÍ½Å±¾ÖзÖÅäµÄ×Ö·û´®ÖµµÄ×Ü´óС£¬Èç¹û³¬¹ýÕâЩֵµÄãÐÖµ£¬¾Í»á·¢ÉúÀ¬»øÊÕ¼¯£¬À¬»øÊÕ¼¯½ø³Ì»áÖжÏÕýÔÚÔËÐеĽű¾¡£Òò´Ë£¬Õâ ЩÔËÐÐÖеĽű¾½«±»¹ÒÆð£¬Ö±ÖÁÀ¬»øÊÕ¼¯Íê³ÉΪֹ¡£
IE6 ¡¢ IE7 ¡¢ IE8 ÔÚ CSS ºÍ JS ·½ÃæµÄÇø±ð :
1¡¢IE8ÖеÄcssÖйØÓÚwidth»òÊÇheightÖÐÈç¹ûʹÓÃÏñËØÐÎʽ×÷Ϊ²ÎÊýʱ£¬²ÎÊý±ØÐëÊÇ´ø¡°px¡±µÄ£¬¶øÇҴ˲ÎÊý±ØÐëÊÇ´óÓÚ0µÄ£¬¶øÔÚIE6ºÍIE7ÖÐÊÇÖ§³Ö²»´ø¡°px¡±²ÎÊýµÄ£¬¶øÇÒ²ÎÊýÊÇ¿ÉÒÔΪһ¸ö¸ºÊý¡£
2¡¢Èç:style=height:180px\\0;Ö»ÓÐIE8ÄÜʶ±ð,style=height:180px\\9,IE¶¼ÄÜʶ±ð¡£
2¡¢IE8ÖеÄcssÖС°border-style:outset ;¡±ÊÇûÓÐЧ¹ûµÄ¡£
3¡¢IE8ÖеÄÎÞÐòÁбíÖ®¼äµÄ¾àÀëÒª±ÈIE6ºÍIE7´óµÄ¶à¡£
4¡¢IE6ÄÜʶ±ð*£¬µ«²»ÄÜʶ±ð!important,IE7ÄÜʶ±ð*Ò²ÄÜʶ±ð!important¡£
5¡¢IE6Ö§³ÖÏ»®Ïߣ¬IE7²»Ö§³ÖÏ»®Ïß¡£
6¡¢ÔÚIE8ÖУ¬Ò»¸öIframeÖÐÈ¡event.xµÄÖµ²»ÊÇIframeÖеÄÏà¶Ôx×ø±ê£¬¶øÊÇ×îÍâ²ãµÄwindowµÄx×ø±ê£¬µ«ÊÇevent.y È´ÊÇÈ¡µÄÊÇ IframeÖеÄÏà¶Ôy×ø±ê¡£¶øÔÚIE6ºÍIE7ÖУ¬event.xºÍevent.yÈ´µÃµÄ¶¼ÊÇËùÔÚIframeÖеÄÏà¶Ô×ø±ê£¬¿ÉÒÔÓà event.clinetX´úÌæ¡£
7¡¢IE8ÖеÄjavascriptÖеÄfunction¶ÔÏóÀýÈ磺
function a(){alert(¡°helloworld¡±);}
var fun = new function(¡®¡¯,¡¯helloworld¡¯);
alert(fun);
´Ëʱ·µ»ØµÄֵΪfunction anonymous(){function a(){alert(¡°helloworld¡±)}}, ¶øÔÚIE6ºÍIE7Öзµ»ØµÄֵΪfunction anonymous(){alert("helloworld")},Ò²¾ÍÊÇ˵µ±FunctionµÄµÚ¶þ¸ö²ÎÊýÈç¹ûÊÇÒ»¸öº¯Êýʱ£¬IE8¶Ô´Ë²ÎÊý×÷ÓõÄÊÇ Õû¸öº¯ÊýµÄ´úÂ룬¶øIE6ºÍIE7ÔòÊǶԴ˲ÎÊýÆð×÷ÓõÄÊǺ¯ÊýµÄÄÚ²¿´úÂ루²»°üÀ¨ ¡°function a£¨£©{¡±ºÍ¡°}¡±µÄº¯ÊýÍ·ºÍ⣩¡£
8¡¢ÔÚie6ÖУ¬Ê¹ÓÃwindow.status =" »¶Ó¹âÁÙÎҵIJ©¿Í£¡£¡£¡",¾ÍÄÜÔÚ״̬À¸ÏÔʾÕâôһÐÐ×Ö£¬µ«ÔÚIE7ÖУ¬IE7µÄ°²È«ÐÔÉèÖÃÖУ¬Ä¬ÈÏÊDz»ÔÊÐí½Å±¾¸üÐÂ״̬À¸µÄ.
9¡¢IE8»á°Ñ¶Ô IE6,7,8 Óà css ½øÐвâÊÔ£º
²âÊÔ´úÂ룺Ñùʽ´úÂ룺 p {color:#f00;} xhtml ´úÂ룺
ÎÄ×Ö
IE6 |
IE7 |
IE8 |
±¸×¢ |
|
p{_color:red} |
¡Ì |
¡Á |
¡Á |
IE6 רÓà |
*html p{color:#red;} |
¡Ì |
¡Á |
¡Á |
IE6 רÓà |
p{+color:red} |
¡Ì |
¡Ì |
¡Á |
IE6,7 רÓà |
p{*color:red} |
¡Ì |
¡Ì |
¡Á |
IE6,7 רÓà |
*html p{color:red;} |
¡Ì |
¡Ì |
¡Á |
IE6,7 רÓà |
p{*+color: red} |
¡Á |
¡Ì |
¡Á |
IE7 רÓà |
Body> p{ color: red } |
¡Á |
¡Ì |
¡Ì |
ÆÁ±Î IE6 |
/*\\*//*/p{+color:red}/**/ |
¡Á |
¡Á |
¡Ì |
IE8 רÓà |
p{/*/*/color;/**/} |
¡Ì |
¡Ì |
¡Á |
ÆÁ±Î IE8 |
p{color:red!important} p{color:red} |
¡Ì |
¡Ì |
¡Ì |
¶¼ÄÜÓà |
html>/**/body .head{color:#red;} |
¡Á |
¡Á |
¡Ì |
Ö»¶Ô IE8 |
¶ÔÓÚ IE8 ¶Ô js ÐÂÔöµÄ¹¦ÄÜ :
1¡¢ IE8¿ªÊ¼Ö§³ÖһЩеÄW3C¹æ¸ñ£¬ÆäÖжàÁËquerySelectorºÍquerySelectorAllÁ½¸öº¯Êý
2¡¢ IE8 ÒýÈëXDomainRequest¿çÕ¾Êý¾Ý»ñÈ¡¹¦ÄÜ¡£ ÕâÊÇÒ»¸ö·Ç³£ÓÐȤµÄ½øÐпçÕ¾Êý¾Ý»ñÈ¡µÄ¹¦ÄÜ£¬²»¹ýËüÓëFirefox 3ÖеĿçÕ¾ XMLHttpRequestµÄ¹¤×÷ÔÀí²»Ì«Ò»Ñù¡£ËüµÄ¿çÓò²¢²»ÊÇÎÞÏÞÖƵġ£ÐèÒª·þÎñ¶Ë·µ»Øhttp headerÖдøÓÐXDomainRequestAllowed=1²Å¿ÉÒÔ¿çÓò£¬·ñÔòÊDz»³É¹¦µÄ¡£XMLRequest ²»ÄÜ¿çÕ¾Ò»Ö±¶¼ÊǶà×ÓÓò·þÎñÆ÷µÄÓ²ÉË¡£Ê¹µÃºÜ¶àÇé¿ö²»µÃ²»¿¼ÂÇ×îÔʼµÄ¶¯Ì¬scriptºÍJSONµÄ·½Ê½¡£²»¹ýIE8ÍŶÓÓÐÒâ½â¾ö¿çÕ¾·ÃÎÊÊý¾ÝµÄÎÊÌ⣬Õâ ÊÇIE8µÄÒ»¸ö½ø²½¡£ÁíÍ⣬IE8ϵÄXMLHttpRequestÔö¼ÓÁËÒ»¸öºÜÖØÒªµÄÊôÐÔ timeoutºÍontimeout·½·¨£¬ËüÔÚ¶Ô³ÌÐò½øÐÐÓÅ»¯Ê±¼«ÆäÖØÒª¡£
3¡¢ getElementById¿ÉÒÔͨ¹ýidÀ´·µ»Ø¶ÔÏó¡£getAttribute("checked") ÏÖÔÚ·µ»Ø¡°checked¡±¶ø²»ÊÇtrue¡£¶¯Ì¬´´½¨£¨»òÐ޸ģ©µÄµ¥Ñ¡°´Å¥ÏÖÔÚ¿ÉÒÔ±»Ñ¡ÔñÁË¡£
Ö§³Ö¸ü¶à¶ÔHTML5µÄ¹¦ÄÜ:
1¡¢ [removed].hash¡£Õâ¸ö¹¦ÄÜÒѾ±»¶àÊýä¯ÀÀÆ÷Ö§³ÖµÄ·Ç³£ºÃ¡£ÔÚIE8±ê׼ģʽÖн«[removed].hashÖÐµÄ ¸ü¸Ä×÷Ϊµ¼º½£¬²¢±£´æÏÈÇ°ÎĵµµÄURL£¬¿ÉÒÔÏñÔÚAjaxÓ¦ÓÃÖÐÄ£·Â¡°ºóÍË¡±°´Å¥Ð§¹û¡£IE8ÖжÔËü½øÐÐÁ˸ÄÁ¼£¬¿ÉÒԹ㲥Õâ¸öhashchangedʱ ¼ä¡£
2¡¢ DOM´æ´¢¡£Í¨¹ýÕâ¸ö¹¦ÄÜ£¬Êý¾Ý¿ÉÒÔ³ÖÐø±£´æÔÚ±¾µØ£¬Ëü½«È¡´úÔʼµÄcookie´æDOM´æ´¢¡£
3¡¢ postMessage¡£IE8ÏÖÔÚÖ§³Ö¿çÎļþÏûϢͨѶ£¨Cross-Document Messaging-XDM£©£¡Í¨¹ýonmessageʼþºÍpostMessage·½·¨£¬Á½¸öÀ´×Ô²»Í¬ÓòµÄÍøÒ³¿ÉÒÔ½øÐÐͨѶ¡£Ä¿Ç°IE8¡¢Opera 9¡¢Firefox 3ºÍWebKit nightlies°æ¾ùÖ§³ÖÕâ¸ö¹¦ÄÜ£¬Ò²¾ÍÊÇ˵£¬¸Ã¹¦Äܼ¸ºõÒѱ»ËùÓÐ×îÐÂä¯ÀÀÆ÷Ö§³Ö¡£
4¡¢ Offline Events¡£ÔÚIE 8ÖÐÓµÓÐһЩÀëÏßʼþÀ´¼ì²âÍøÂçµÄÖжϣ¬Í¨¹ýËüÎÒÃÇ¿ÉÒÔ±àд¾«²ÊµÄÀëÏßAjaxÓ¦Óá£Ä¿Ç°À´¿´Ö§³ÖÕâÒ»¹¦ÄܵÄä¯ÀÀÆ÷°üÀ¨Firefox3ºÍIE8¡£
ÓÃfirefox»òÕßchromeÒ»µÇ½×îСϵͳ¾Í±¨480·ÖÖÓ³¬Ê±´íÎó
IE6 Bugs
1 ¡¢²»Ö§³ÖÓÃÑùʽÉèÖà <abbr> ÔªËØ
2 ¡¢²»Ö§³ÖÒÔÁ¬×Ö·ûºÍÏ»®Ïß¿ªÍ·µÄ class ºÍ ID Ãû
3 ¡¢ <select> ÔªËØ×ÜÊdzöÏÖÔڶѵþ×îÉÏÃ棬¶øÎÞÊÓ z-index Öµ
4 ¡¢Èç¹ûêµãµÄαÀàûÓÐʹÓÃÕýÈ·µÄ˳Ðò ( :link , :visited , :hover ) £¬:hover αÀཫÎÞЧ
5 ¡¢Ò»¸öÊôÐ﵀ !important ÉùÃ÷»á±»Í¬Ò»¹æÔòÖÐͬһÊôÐÔµÄûÓÐʹÓà !important µÄµÚ¶þ¸öÉùÃ÷¸²¸Ç¡£
6¡¢ height ±íÏÖÀàËÆÓÚ min-height £¬ width ±íÏÖÀàËÆÓÚ min-width £¬×óÓÒ margin Ë«±¶
7¡¢ Ô²µã±ß¿ò (dotted) ¿´ÆðÀ´ÏñÐéÏ߱߿ò (dashed)
8¡¢ text-decoration µÄ line-through ÖµÔÚÎÄ×ÖÉÏ¿´ÆðÀ´±È±ðµÄä¯ÀÀÆ÷Òª¸ßһЩ
9 ¡¢ÓÐÐòÁбíÈç¹ûÓÐÒ»¸ö¹Ì¶¨½á¹¹ (haslayout Ϊ true £¬²»ÄÜÉèÖà li µÄ¸ß¶È / ¿í¶È /zoom µÈ¼¤»î haslayout µÄÖµ ) £¬ÐòºÅ¾Í²»»áÔö¼Ó£¬¶øÊDZ£³ÖΪ 1
10¡¢ ÁбíÔªËز»Ö§³Ö list-style-type µÄËùÓпÉÓõÄÖµ
11¡¢ Èç¹ûÁбíÌõÄ¿¸¡¶¯£¬Ö¸¶¨µÄ list-style-image ½«²»»áÏÔʾ
12¡¢ ²»ÍêÈ«Ö§³Ö @font-face
13¡¢ ijЩѡÔñÆ÷»á´íÎóµÄÆ¥Åä×¢ÊͺÍÎĵµÉùÃ÷
14¡¢ Èç¹ûÒ»¸ö ID Ñ¡ÔñÆ÷½áºÏÒ»¸öÀàÑ¡ÔñÆ÷²»Æ¥Å䣬ͬÑùµÄ ID Ñ¡ÔñÆ÷½áºÏ²»Í¬µÄÀàÑ¡ÔñÆ÷Ò²½«±»µ±×÷²»Æ¥Åä¡£
IE7 bugs
1 ¡¢ ÓÐÐòÁбíÈç¹ûÓÐÒ»¸ö¹Ì¶¨½á¹¹ (haslayout Ϊ true £¬²»ÄÜÉèÖà li µÄ¸ß¶È / ¿í¶È /zoom µÈ¼¤»î haslayout µÄÖµ ) £¬ÐòºÅ¾Í²»»áÔö¼Ó£¬¶øÊDZ£³ÖΪ 1
2¡¢ ÁбíÔªËز»Ö§³Ö list-style-type µÄËùÓпÉÓõÄÖµ
3 ¡¢Èç¹ûÁбíÌõÄ¿¸¡¶¯£¬Ö¸¶¨µÄ list-style-image ½«²»»áÏÔʾ
4 ¡¢²»ÍêÈ«Ö§³Ö @font-face
5 ¡¢Ä³Ð©Ñ¡ÔñÆ÷»á´íÎóµÄÆ¥Åä×¢ÊͺÍÎĵµÉùÃ÷
IE8 ÐÂÔöµÄ javascript º¯Êý£º¿É²Î¿¼ http://blog.csdn.net/WinGeek/archive/2009/02/26/3937909.aspx ¡£
ÔÎĵØÖ·£ºhttp://www.cnblogs.com/hoojo/archive/2011/01/13/1934373.html
ÍƼöÐÅÏ¢
- CSS²¼¾ÖµÄ8¸öÄãÐèÒªÕÆÎյļ¼ÇÉ
- IE6¡¢IE7 ¡¢IE8¡¢FFµÄCSSHack
- ̽¾¿cssÖи÷ÖÖÇé¿öϵÄÔªËصĴ¹Ö±ºÍˮƽ¾ÓÖеÄÎÊÌâ
- YahooÍŶӾÑ飺ÍøÕ¾ÐÔÄÜÓÅ»¯µÄ34Ìõ»Æ½ð·¨Ôò(ת)
- HTMLÖÐÀûÓÃ404½«ÀÏÓòÃûÖض¨Ïòµ½ÐÂÓòÃû
- ÈÃdiv¸¡ÓÚselectÖ®ÉÏ
- ¼¸Æª¹ØÓÚºÐ×ÓÄ£Ð͵ÄÎÄÕ£¬ÈÕºó·½±ã¼ìË÷£º
- Css ÑùʽʹÓþÑé×ܽá
- display:inline-blockµÄÉîÈëÀí½â
- ÈçºÎÔÚÍøÒ³ÖÐǶÈëÌØÊâ×ÖÌå
ÈÈÃÅÐÅÏ¢
- nohup: redirecting stderr to stdou....
- ʹÓÃlog_formatΪNginx·þÎñÆ÷ÉèÖøüÏêϸµÄÈÕÖ¾¸ñʽ
- jquery easyUI--dataGrid-Json
- [Ô´´]·ÂGoogle Reader¡¢ÐÂÀË΢²©¡¢ÌÚѶ΢²©µ....
- ÀûÓÃKeepalived+mysql¹¹½¨¸ß¿ÉÓÃMySQLË«Ö÷×Ô¶....
- Nginx+keepalivedʵÏÖ¸ºÔؾùºâºÍË«»úÈȱ¸¸ß¿ÉÓÃ
- jqueryʵÏÖÒ³Ãæ¼ÓÔؽø¶ÈÌõ
- Rolling cURL: PHP²¢·¢×î¼Ñʵ¼ù
- codeigniter ·ÓÉÖÕ¼«ÓÅ»¯(url rewrite)
- linuxÏÂÉèÖÃsshÎÞÃÜÂëµÇ¼
×î½ü¸üÐÂ
- ´ó±¥ÑÛ¸£ 7¿îÀàÐ͸÷ÒìµÄCSS3ʵÓò˵¥
- div+css¶àä¯ÀÀÆ÷²âÊÔ·½·¨
- cssËõд¸øÍøÕ¾¼ÓËÙ£¬ÆäʵºÜ¶àʱºò¶¼»áÓõ½
- ´¿CSS´òÔìBubbleÆøÅÝÌáʾ¿ò
- CSSʵÏÖͼƬ°´±ÈÀýËõ·Å
- CSS¼¼ÇÉÈÃÄãµÄÍøÕ¾¸üÉÏÒ»²ãÂ¥
- ¹Ì¶¨¸ß¶Èdiv,ËæÄÚÈÝ×Ô¶¯±ä¸ßcss¶¨Òå·½·¨
- web¼æÈݸ÷¸öä¯ÀÀÆ÷×îС¸ß¶ÈµÄд·¨
- CSS£¬Ç³ÎöpositionÖÐRelativeºÍAbsolute
- 12ÌõÔÔò£º±£³ÖHTML´úÂëÕû½à&¹æ·¶
ÆÀÂÛ