css ÅжÏä¯ÀÀÆ÷
²»Í¬µÄä¯ÀÀÆ÷ÒªÇó²»Í¬µÄÑùʽÉùÃ÷£¬¸÷ä¯ÀÀÆ÷¼°Æä¸÷°æ±¾Óв»Í¬³Ì¶ÈµÄ CSS Ö´ÐеÄÍêÕûÐÔ¡£²ÉÓõÄÊÇ Internet Explorer µÄÌõ¼þ×¢ÊÍÓï·¨µÄ˼Ï룬²¢°ÑËüÄÚÁªµ½ CSS ÉùÃ÷Ö®ÖС£
¡¡¡¡Ìõ¼þ CSS Ö÷ÒªÓÃÓÚÖ¸³öÒ»¸öÌرðµÄ CSS ÉùÃ÷ÊDz»ÊÇÓ¦¸ÃÓÃÓÚÒ»¸öÌرðµÄä¯ÀÀÆ÷¡£µ±È»Ä㲻ϣÍû¾³£Õâô×ö£¬µ«Êǵ±ÄãÐèÒªÕë¶ÔÒ»¸öä¯ÀÀÆ÷µÄʱºò£¬Ëü»á·Ç³£ÓÐÓ᣿ÉÒÔÔÚU4EAÖ§³ÖÁбíÀï¿´µ½£¬´ó²¿·ÖµÄä¯ÀÀÆ÷¶¼Ö§³ÖÕâÖÖ·½Ê½¡£
¡¡¡¡ÈÎÒâ CSS ÉùÃ÷»òÕ߿鶼¿ÉÒÔÌí¼ÓÌõ¼þÉùÃ÷ǰ׺£¬ÕâЩǰ׺ÓÐ3ÖÖ»ù±¾ÀàÐÍ£º
[if {!} browser] [if {!} browser version] [if {!} condition browser version]
! - ÉùÃ÷µÄ·ñ¶¨ (Àý NOT) - ¿ÉÑ¡
browser - ÉùÃ÷Õë¶ÔµÄä¯ÀÀÆ÷
IE - Internet Explorer
Gecko - Gecko ºËÐĵÄä¯ÀÀÆ÷ (Firefox, Camino µÈ)
Webkit - Webkit ºËÐĵÄä¯ÀÀÆ÷ (Safari, Shiira µÈ)
SafMob - Òƶ¯°æ Safari (iPhone / iPod Touch)
Opera - Opera µÄä¯ÀÀÆ÷
IEMac - Mac °æ±¾µÄ Internet Explorer
Konq - Konqueror
IEmob - Òƶ¯°æ IE
PSP - Playstation Portable
NetF - Net Front
version - ÒªÕë¶ÔµÄä¯ÀÀÆ÷°æ±¾
ʵÀý£º
// Ìõ¼þ-CSS Ó﷨ʵÀý [if IE] - Èç¹ûä¯ÀÀÆ÷ÊÇ IE [if ! Opera] - Èç¹ûä¯ÀÀÆ÷²»ÊÇ Opera [if IE 5] - Èç¹ûä¯ÀÀÆ÷ÊÇ IE 5 [if lte IE 6] - Èç¹ûä¯ÀÀÆ÷ÊÇ IE 6 »òÕ߸üµÍ°æ±¾ (IE 5, IE 4 µÈ) [if !&nb
Ïà¹ØÎĵµ£º
ºÜ¶àÕ¾³¤¶¼±§Ô¹CSS¶Ôä¯ÀÀÆ÷µÄ¼æÈÝÐÔÓÐʱÈÃÈ˺ÜÍ·ÌÛ,ÓÈÆäÊǶÔÓÚIE6Õâ¸öÎÊÌâ¶à¶àµÄä¯ÀÀÆ÷°æ±¾¡£»òÐíµ±ÄãÁ˽⵱Öеļ¼ÇɸúÔÀí,¾Í»á¾õµÃÒ²²»ÊÇÄÑÊÂ,´ÓÍøÉÏÊÕ¼¯ÁËIE7,6ÓëFireofxµÄ¼æÈÝÐÔ´¦Àí·½·¨²¢ÕûÀíÁËÒ»ÏÂ.¶ÔÓÚweb2.0µÄ¹ý¶È,Ç뾡Á¿ÓÃxhtml¸ñʽд´úÂë,¶øÇÒDOCTYPE Ó°Ïì CSS ´¦Àí,×÷ΪW3CµÄ±ê×¼,Ò»¶¨Òª¼ÓDOCTYPEÉùÃ÷. &nb ......
¼ÙÈçÎÒÃÇÏëͨ¹ýǰ̨×ÔÖ÷Ñ¡ÔñCSSÑùʽÀ´´ïµ½¸Ä±äÑÕÉ«¡¢·ç¸ñµÈÄ¿µÄµÄ»°£¬ÓÃJSµ÷ÓÃCSSÎļþ¾ÍOK¡£
ÏÈ×öÁ½¸ö£¨»ò¶à¸ö£©CSSÎļþ¡£
style_1.css¡¡´úÂ룺
body{background-color: #ccff66;}
......
style_2.css¡¡´úÂ룺
body{background-color: #ff0000;}
......
JS´úÂëÈçÏ£º
<link rel="stylesheet" rev="stylesheet" ......
×¢ÒâÊÂÏ
ÁËʵÏÖµ¼º½ÖеÄ×Óµ¼º½ÓëÖ÷µ¼º½ÔÚʵÏÖÊó±ê½»»¥µÄͬʱ£¬±£³ÖÆäÏà¶ÔλÖÃÒ»Ö£¬ÎÒÃÇʹÓÃÁ˶Ôul li{}ʹÓÃÁËposition:relative;ʹÆ䶨λ·½Ê½×ªÎªÏà¶Ô¶¨Î»¡£¶ø¶Ôli ul{}¼´×Óµ¼º½²ÉÓÃÁËposition:absolute;Ïà¶ÔÓÚµ¼º½µÄ¾ø¶Ô¶¨Î»·½Ê½£¬ÁËÆäÊó± ......