Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

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µÄpositionÏê½â

position ÓÐÈý¸öÖµ£¬static£¨¾²Ì¬£©¡¢relative£¨Ïà¶Ô£©¡¢absolute£¨¾ø¶Ô£© fix(¹Ì¶¨²¼¾Ö)£»ÓÉÓÚstaticÊÇËùÓÐÒ³ÃæÔªËØµÄĬÈÏÖµ£¬Òò´ËÉèÖÃÔªËØµÄ¶¨Î»ÀàÐÍʱ¼¸ºõ²»ÓÃÕâ¸öÖµ£¬³ý·ÇÓÃÓÚ¸²¸Ç֮ǰµÄ¶¨Òå¡£
¶ÔÓÚºóÁ½Õߣ¬Ò»°ãÓ¦ÓãºÔÚÒ»¸öÏà¶Ô¶¨Î»µÄÔªËØÀïÃæ·ÅÖÃÒ»¸ö¾ø¶Ô¶¨Î»µÄÔªËØ£¬Èçͼ£º
×ÓÔªËØB¿ÉÒÔͨ¹ýtop¡¢right¡¢bottom¡¢le ......

CSS Transition ÈëÃÅ

¾¡¹ÜÈËÃÇÆÚ´ýÆÁÄ»ÏÔʾ¼¼ÊõÓÐËù¸Ä½ø£¬µ«CSSºÍHTMLÈ´Ö»ÌṩÁËÉÙÊýµÄ½»»¥Éè¼Æ¿ØÖÆ£¬¶øÇÒ»¹Ö»ÊÇË«Ïò״̬µÄ¶ø·Ç½¥½ø×´Ì¬£¬È磺һ¸öÁ´½ÓÖ»ÄÜÊÇÒ»ÖÖÑÕÉ«»òÁíÒ»ÖÖÑÕÉ«£¬Îı¾ÓòÖ»ÄÜÊÇÒ»Öֳߴç»òÁíÒ»Öֳߴ磬һ·ùÕÕÆ¬ÒªÃ´Í¸Ã÷Ҫô²»Í¸Ã÷¡£Ã»ÓдÓÁ½ÖÖ״̬µÄÖ®¼äµÄ²¿·Ö£¬¼´Ã»Óйý¶É¡£
ÕâÖÖ²»ÓÅÑŵÄÇл»Ð§¹ûʹºÜ¶àÒ³ÃæÈÃÈ˸оõͻأ¡£ËäÈ ......

DIV+CSSÉñ»°

×÷Ϊһ¸öÉí´¦ 2009ÄêµÄ Web Éè¼ÆÊ¦£¬ÄãÊÇ·ñºÃÒâ˼³ÐÈÏ×Ô¼ºµÄ´úÂëÖÐʹÓÃÁË Table£¬Èç¹ûÊÇ£¬ÄãÊÇÒ»¸öÓÐÓÂÆøµÄÈË£¬
Web Éè¼ÆÊǸöÆæ¹ÖµÄÐÐÒµ£¬Äã¿ÉÒÔ½«×Ô¼ºµÄÍøÕ¾Éè¼ÆµÃÏñÍí±¨µÄ·ÖÀà¹ã¸æ£¬»òÕßÂ¥µÀÀïµÄ¿ªËø¹ã¸æ£¬µ«Ç§Íò±ðÈÃÈËÖªµÀ
ÄãʹÓÃÁË Table£¬ÔÚÄãµÄÔ´´úÂëÖз¢ÏÖ Table ¾ÍÏñÒ»¸öÏúÊÛ±»ÈËÏÆÆð¿ã½Å·¢ÏÖ´©Á˰×Íà×ÓÒ»Ñù¡£
T ......

CSS hack£ºIE6£¬IE7£¬firefoxÏÔʾ²»Í¬Ð§¹û

Çø±ð²»Í¬ä¯ÀÀÆ÷µÄCSS hackд·¨£º
Çø±ðIE6ÓëFF£º
       background:orange;*background:blue;
Çø±ðIE6ÓëIE7£º
       background:green !important;background:blue;
Çø±ðIE7ÓëFF£º
      &nb ......

¼¸¸ödiv+cssͼƬ¹ö¶¯ÏÔʾµÄ´úÂë

ÓÉÏÂÍùÉϵģº
<div id="demo" onmouseover="ij=1" style="border:1px solid gray; overflow: hidden; height: 119px; width:211px " onmouseout="ij=0">
<div id="demo1">1<br />2br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>
¿ÉÒÔÊÇÈκεÄHTMLÄÚÈÝ<br&g ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ