IE6²»½âÎöijЩCSS´úÂëµÄ½â¾ö·½·¨
ÍøÒ³²ÉÓÃÁË UTF-8 ±àÂë¸ñʽ£¬Õâ±¾À´Ã»ÓÐÎÊÌ⣬ÎÊÌâÊÇÍⲿ CSS ÎļþĬÈÏÊÇ ANSI ±àÂ룬²¢Ã»Óб£´æÎª UTF-8 ¸ñʽ¡£¿ÉÄÜÄã»á·¢ÏÖÔÚÒ»°ãÇé¿öÏÂÕâÑùÒ²ÊÇûÓÐÎÊÌâµÄ£¬È»¶øµ± CSS ÎļþÖаüº¬ÓÐÖÐÎÄ×¢ÊÍʱ¾Í¿ÉÄܲ»¾¡ÈçÈËÒâÁË£¡
¡¡¡¡¹À¼ÆÊÇ IE6 °æ±¾ÒÔϵÄä¯ÀÀÆ÷ÔÚ½âÎöÕâ¸ö CSS ÎļþʱÒòΪ±àÂëÎÊÌâ¶øÎÞ·¨ÕýÈ·½âÎö£¬ËùÒԲŻᷢÉú CSS ÔÚ IE6 ϲ»Æð×÷ÓõÄÇé¿ö¡£¿´À´Î¢ÈíÒÑ×¢Òâµ½Õâ¸öÎÊÌ⣬ÔÚ IE7 ÖаÑËüÐÞ¸´ÁË¡£µ«ÊÇÓÃIE6 µÄÈË»¹ÊDz»ÉÙ¡£Òò´ËÕâ¸öÎÊÌâÐèÒª½â¾ö£º
¡¡¡¡·½·¨Ò»£º°Ñ CSS¡¢JS ºÍÍøÒ³Îļþ¶¼Í³Ò»±£´æÎª UTF-8 ¸ñʽ¡£
¡¡¡¡·½·¨¶þ£ºÈ¥µô CSS¡¢JS ÖеÄÖÐÎÄ×¢ÊÍ£¬»òÕ߸ÄΪӢÎÄ¡£
¡¡¡¡ÉÏÎÄΪIE6ÒòΪ±àÂëÎÊÌâÎÞ·¨ÕýÈ·½âÎöCSSÎļþ
¡¡¡¡ÓÐʱºòÎÒÃÇ·¢ÏÖÎÒÃÇдµÄhtmlÒ³ÃæÒýÓÃÍⲿcssÎļþµÄʱºòÔÚIE7ºÍFFÖÐÄܹ»ºÜºÃµÄ±»½âÎö£¬¼´ÄÜÕý³£ÏÔʾ£¬¿ÉÔÚIE6ÖÐÈ´ÍêȫûÓб»½âÎö£¬¼´ cssÎļþÀïµÄÑùʽ¸ù±¾Ã»Ó¦Óõ½ÎÒÃǵÄhtmlÒ³Ãæ£¬ÕâÊÇÔõô»ØÊ£¿¿ªÊ¼ÎÒ°ÑcssÎļþÀïÍ·µÄËùÓÐÑùʽ¶¼¸´ÖÆÕ³Ìùµ½htmlÒ³ÃæÖеÄ<style></style>ÖУ¬ÕâÑù×öÒÔºó£¬IE6¡¢IE7¡¢FF¶¼ÄÜÕý³£ÏÔʾÁË£¬ÕâÒ²¾Í˵Ã÷ÍⲿµÄcssÎļþÓ¦¸ÃÊÇ´æÔÚʲôÎÊÌâÁË£¬ÎªÊ²Ã´ÔÚIE6ÖгöÏÖÕâÎÊÌ⣬¶øÔÚIE7ºÍFFÖÐȴûÓУ¿ÍøÉÏgoogleÁËÏ£¬·¢ÏÖÊÇIE6ÖжÔÒ³ÃæµÄ±àÂëÓÐÑϸñµÄÒªÇó£¬ÎҲ鿴ÁËÏ£¬ÅóÓÑ·¢¹ýÀ´µÄcssÎļþÓõıàÂëÊÇGB2312µÄ£¬¶øhtmlÎļþÓõÄÊÇutf-8µÄ£¬ÔÀ´ÎÊÌâ¾Í³öÔÚÕâÀïÁË£¬ÎÒ°ÑcssÎļþÄÚÈݵıàÂëÓÃed¸Ä³Éutf- 8£¬ÔٴβâÊÔµÄʱºò£¬Ò»Çлָ´Õý³£ÁË£¬»¹ÓоÍÊÇÎÒ·¢ÏÖÅóÓѵÄcssÎļþÀïÃæÓÃÖÐÎÄ×¢ÊÍ£¬ÑÏÖØ½¨ÒéÅóÓÑÃDz»ÒªÔÚcssÎļþÀïÃæÓÃÖÐÎÄÀ´×¢ÊÍ£¬ÕâÑùÒ²»áÒýÆð±àÂëµÄÎÊÌâ¡£
Ïà¹ØÎĵµ£º
ÔÎÄÁ´½Ó ×÷Õߣºâø·É
¾¡¹ÜÓÐ CSS µÄ vertical-align ÌØÐÔ£¬µ«ÊDz¢²»ÄÜÓÐЧ½â¾öδ֪¸ß¶ÈµÄ´¹Ö±¾ÓÖÐÎÊÌ⣨ÔÚÒ»¸ö DIV ±êÇ©ÀïÓÐδ֪¸ß¶ÈµÄÎı¾»òͼƬµÄÇé¿öÏ£©¡£
±ê ×¼ä¯ÀÀÆ÷Èç Mozilla, Opera, Safari µÈ.£¬¿É½«¸¸¼¶ÔªËØÏÔʾ·½Ê½É趨Ϊ TABLE(display: table;) £¬ÄÚ²¿×ÓÔªËØ¶¨Îª table-cell (display: table-cell)£¬Í¨¹ý ......
position ÓÐÈý¸öÖµ£¬static£¨¾²Ì¬£©¡¢relative£¨Ïà¶Ô£©¡¢absolute£¨¾ø¶Ô£© fix(¹Ì¶¨²¼¾Ö)£»ÓÉÓÚstaticÊÇËùÓÐÒ³ÃæÔªËØµÄĬÈÏÖµ£¬Òò´ËÉèÖÃÔªËØµÄ¶¨Î»ÀàÐÍʱ¼¸ºõ²»ÓÃÕâ¸öÖµ£¬³ý·ÇÓÃÓÚ¸²¸Ç֮ǰµÄ¶¨Òå¡£
¶ÔÓÚºóÁ½Õߣ¬Ò»°ãÓ¦ÓãºÔÚÒ»¸öÏà¶Ô¶¨Î»µÄÔªËØÀïÃæ·ÅÖÃÒ»¸ö¾ø¶Ô¶¨Î»µÄÔªËØ£¬Èçͼ£º
×ÓÔªËØB¿ÉÒÔͨ¹ýtop¡¢right¡¢bottom¡¢le ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>www.zishu.cn< ......
ÊäÈë¿òÖ»Óе׿ò£º
.box
{
border-style:none none solid none;
border-bottom-width:1px;
border-bottom-color:#999999;
}
±í¸ñ
<table>
<tbody>
<tr><td></td></tr>
</tbody>
</table> ......
¾¡¹ÜÈËÃÇÆÚ´ýÆÁÄ»ÏÔʾ¼¼ÊõÓÐËù¸Ä½ø£¬µ«CSSºÍHTMLÈ´Ö»ÌṩÁËÉÙÊýµÄ½»»¥Éè¼Æ¿ØÖÆ£¬¶øÇÒ»¹Ö»ÊÇË«Ïò״̬µÄ¶ø·Ç½¥½ø×´Ì¬£¬È磺һ¸öÁ´½ÓÖ»ÄÜÊÇÒ»ÖÖÑÕÉ«»òÁíÒ»ÖÖÑÕÉ«£¬Îı¾ÓòÖ»ÄÜÊÇÒ»Öֳߴç»òÁíÒ»Öֳߴ磬һ·ùÕÕÆ¬ÒªÃ´Í¸Ã÷Ҫô²»Í¸Ã÷¡£Ã»ÓдÓÁ½ÖÖ״̬µÄÖ®¼äµÄ²¿·Ö£¬¼´Ã»Óйý¶É¡£
ÕâÖÖ²»ÓÅÑŵÄÇл»Ð§¹ûʹºÜ¶àÒ³ÃæÈÃÈ˸оõͻأ¡£ËäÈ ......