IE6 IE7 IE8 FFä¯ÀÀÆ÷µÄCSS¼æÈÝÎÊÌâ(ת)
IE6¡¢IE7¡¢IE8¡¢FFä¯ÀÀÆ÷µÄCSS¼æÈÝÎÊÌ⣬±¾À´ie6¸úffÖ®¼äµÄ¼æÈÝÊǺÜÈÝÒ×½â¾öµÄ¡£¼ÓÉϸöie7»áÂé·³µã£¬ie8µÄ³öÏ־͸üÍ·ÌÛÁË£¬ÔÀ´hack ie7µÄ·½·¨ÓÖ²»ÄÜÓÃÁË£¬Ôõô°ìÄØ£¿
»¹ºÃ£¬Î¢ÈíÌṩÁËÕâÑùÒ»¸ö´úÂ룺 °ÑÕâ¶Î´úÂë·Åµ½ÀïÃæ£¬ÔÚie8ÀïÃæµÄÒ³Ãæ½âÎöÆðÀ´¾Í¸úie7һģһÑùµÄÁË£¬ËùÒÔ£¬»ù±¾ÉÏ¿ÉÒÔÎÞÊÓie8£¬Ê£ÏµĴúÂëÖ»ÐèÒªÕâÑùд¾Í¿ÉÒÔÁË
background:#ffc; padding:0px;
*background:#ccc; *padding:0px;
_background:#000; _padding:0px;
½âÊÍһϰɣº
firefoxÄܽâÎöµÚÒ»¶Î£¬ºóÃæµÄÁ½¸öÒòÎªÇ°Ãæ¼ÓÁËÌØÊâ·ûºÅ“*”ºÍ“_”,firefoxÈϲ»ÁË£¬ËùÒÔÖ»ÈÏbackground:#ffc£¬¿´µ½µÄÊÇ»ÆÉ«£»
ie7ǰÁ½¶Ì¶¼ÄÜÈÏ£¬ÒÔ×îºóµÄΪ׼£¬ËùÒÔ×îºó½âÎöÊÇbackground:#ccc£¬¿´µ½µÄÊÇ»ÒÉ«£»
ie6Èý¶Î¶¼ÄÜÈÏ£¬¶øÇÒ“_”Õâ¸öÖ»ÓÐie6ÄÜÈÏ£¬ËùÒÔ×îºó½âÎöÊÇ_background:#000£¬¿´µ½µÄÊǺÚÉ«
°¢ÃÅ£¡ÒѾÊÇ×î¼òµ¥ºÍ×îºÃÀí½âµÄд·¨ÁË£¬Èç¹ûÄãÊÇgoogle½øÀ´µÄ£¬ÎÒ¿ÉÒԺܸºÔðÈεĸæËßÄ㣬ÕâÖÖ·½·¨ÊÇokµÄ£¬ÎÒ²âÊÔ¹ý¡£
ie8µÄÄǶμæÈÝ7µÄ´úÂëÎÒÒ²²âÊÔ¹ýÁË£¬ÔÚÎÒÏÖÔÚµÄwindos 7 ²âÊÔ°æËù´øµÄie8ÊÇûÎÊÌâµÄ£¬ÒÔºóie8Õýʽ°æ³öÀ´»¹¹Ü²»¹ÜÓþͲ»ÖªµÀÁË¡£
ps£ºÈç¹ûÄã·¢ÏÖ°´ÎÒÕâÑùд»¹ÊÇÓÐÎÊÌâµÄ»°£¬Çë²é¿´Ò»ÏÂÄãµÄhtmlÍ·£¬¿´¿´Ö®Ç°µÄÄÚÈÝÊDz»ÊÇÕâÑùµÄ±ê׼д·¨
<!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">
Õâ¸öÊÇÏÖÔڱȽϹ淶µÄд·¨£¬Èç¹ûÄãÊÇÓÃdreamweaver×öÒ³ÃæµÄ»°£¬Ä¬ÈÏÒ²ÊÇÕâÖֹ淶µÄ£¬Çмǣ¬·ÇÕâÖֹ淶д·¨µÄ£¬¼æÈÝÐÔ²»Äܱ£Ö¤¡£
Ïà¹ØÎĵµ£º
<!---------<html>
<head>
<style type="text/css">
.tabheader table {
border-collapse: collapse; /* for IE */
border-spacing: 0; /* for N6 */
}
.tabheader table tr td {mar ......
CSS HackËÙ¼Ç: *html , IE +html , IE _html , IE6 *+html , IE7 height/*\**/,IE8 ±ØÐë±£Ö¤HTML¶¥²¿ÓÐÈçÏÂÉùÃ÷:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> ʾÀý height:100px;¡¾FF¡¿ ......
Ëæ×Å×îÐÂCSSµÄ²»¶ÏÍêÉÆ£¬Ô½À´Ô½¶àµÄÍøÕ¾²ÉÓÃDIV+CSS²¼¾Ö¡£¶øÔÀ´Ê¹ÓÃtableÌ×tableµÄÍøÒ³²¼¾ÖģʽҲÖð½¥Ó¦¸ÃÌÔÌÁË¡£ÓÉÓÚĿǰIE6²»ÄÜÖ§³ÖÓÐЩ±ê×¼µÄCSS£¬ÐèÒªÓÃ΢ÈíÌØÓеÄCSSÀ´ÐÞ¸´ÕâЩBUG.¶øÇÒÏÖÔÚËæ×Åä¯ÀÀÆ÷²ã³ö²»ÇҪÊÇÒ³ÃæÄܹ»ÊÊÓ¦¾¡Á¿¶àµÄä¯ÀÀÆ÷³ÉΪһ¸ö¿ÎÌâ¡£ µ«ÊÇËæ×ÅCSS±ê×¼µÄ½øÒ»²½ÍêÉÆ£¬ä¯ÀÀÆ÷½«×îÖÕ¶¼»á×ñÑÕ⸠......
CSS:
<style type="text/css">
a{
color: #FFFF99;
text-decoration: none;
}
a:hover{
color: #FFFFFF;
text-decoration: underline;
}
#nav{
padding: 10px 10px 0;
font-size: 12px;
font-weight: bold;
margin: 1em 0 0;
......
2009Äê2ÔÂ24ÈÕ
£¬Safari 4.0
beta°æÕýʽ·¢²¼£¬Safari´ÓËüµÄ3.2°æ±¾¿ªÊ¼¾ÍÒѾ֧³ÖËùÓеÄCSSÑ¡ÔñÆ÷(°üÀ¨×îеÄCSS3)¡£²»¹ýΪÁË·½±ã´ó¼ÒµÄ¹¤×÷£¬ÏÂÃæÌṩÁË×îаæ
±¾µÄCSSÑ¡ÔñÆ÷ä¯ÀÀÆ÷Ö§³ÖÇé¿ö£¬ÆäÖаüÀ¨×îеÄCSS3ºÍSafari 4.0 BetaµÄÖ§³ÖÇé¿ö¡£¸ÐлEstelle Weyl
µÄ×ܽᡣ
2009Äê6ÔÂ30ÈÕ
£¬FireFox 3.5·¢²¼£¬ÀàËÆSafar ......