ʲôÊÇCSS HACK,HACKµÄ´¦Àí·½Ê½
ÓÉÓÚ²»Í¬µÄä¯ÀÀÆ÷£¬±ÈÈçInternet Explorer 6,Internet Explorer 7,Mozilla FirefoxµÈ£¬¶ÔCSSµÄ½âÎöÈÏʶ²»Ò»Ñù£¬Òò´Ë»áµ¼ÖÂÉú³ÉµÄÒ³ÃæÐ§¹û²»Ò»Ñù£¬µÃ²»µ½ÎÒÃÇËùÐèÒªµÄÒ³ÃæÐ§¹û¡£
¡¡¡¡Õâ¸öʱºòÎÒÃǾÍÐèÒªÕë¶Ô²»Í¬µÄä¯ÀÀÆ÷ȥд²»Í¬µÄCSS£¬ÈÃËüÄܹ»Í¬Ê±¼æÈݲ»Í¬µÄä¯ÀÀÆ÷£¬ÄÜÔÚ²»Í¬µÄä¯ÀÀÆ÷ÖÐÒ²Äܵõ½ÎÒÃÇÏëÒªµÄÒ³ÃæÐ§¹û¡£
¡¡¡¡Õâ¸öÕë¶Ô²»Í¬µÄä¯ÀÀÆ÷д²»Í¬µÄCSS codeµÄ¹ý³Ì£¬¾Í½ÐCSS hack,Ò²½ÐдCSS hack¡£
¡¡¡¡
CSS HackµÄÔÀí:
¡¡¡¡ÓÉÓÚ²»Í¬µÄä¯ÀÀÆ÷¶ÔCSSµÄÖ§³Ö¼°½âÎö½á¹û²»Ò»Ñù£¬»¹ÓÉÓÚCSSÖеÄÓÅÏȼ¶µÄ¹ØÏµ¡£ÎÒÃǾͿÉÒÔ¸ù¾ÝÕâ¸öÀ´Õë¶Ô²»Í¬µÄä¯ÀÀÆ÷À´Ð´²»Í¬µÄCSS¡£
¡¡¡¡±ÈÈç IE6ÄÜʶ±ðÏ»®Ïß"_"ºÍÐǺÅ" * "£¬IE7ÄÜʶ±ðÐǺÅ" * "£¬µ«²»ÄÜʶ±ðÏ»®Ïß"_"£¬¶øfirefoxÁ½¸ö¶¼²»ÄÜÈÏʶ¡£µÈµÈ
¡¡¡¡Êéд˳Ðò£¬Ò»°ãÊǽ«Ê¶±ðÄÜÁ¦Ç¿µÄä¯ÀÀÆ÷µÄCSSдÔÚºóÃæ¡£ÏÂÃæÈçºÎдÀïÃæËµµÃ¸üÏêϸЩ¡£
¡¡¡¡ÈçºÎдCSS Hack
¡¡¡¡±ÈÈçÒª·Ö±æIE6ºÍfirefoxÁ½ÖÖä¯ÀÀÆ÷£¬¿ÉÒÔÕâÑùд£º
¡¡¡¡<style>
¡¡¡¡div{
¡¡¡¡background:green; /* for firefox */
¡¡¡¡*background:red; /* for IE6 */
¡¡¡¡}
¡¡¡¡</style>
¡¡¡¡ÎÒÔÚIE6Öп´µ½ÊǺìÉ«µÄ£¬ÔÚfirefoxÖп´µ½ÊÇÂÌÉ«µÄ¡£
¡¡¡¡½âÊÍһϣº
¡¡¡¡ÉÏÃæµÄcssÔÚfirefoxÖУ¬ËüÊÇÈÏʶ²»Á˺óÃæµÄÄǸö´øÐǺŵĶ«¶«ÊÇʲôµÄ£¬ÓÚÊǽ«Ëü¹ýÂ˵ô£¬²»ÓèÀí²Ç£¬½âÎöµÃµ½µÄ½á¹ûÊÇ:div{background:green},ÓÚÊÇÀíËùµ±È»Õâ¸ödivµÄ±³¾°ÊÇÂÌÉ«µÄ¡£
¡¡¡¡ÔÚIE6ÖÐÄØ£¬ËüÁ½¸öbackground¶¼ÄÜʶ±ð³öÀ´£¬Ëü½âÎöµÃµ½µÄ½á¹ûÊÇ:div{background:green;background:red;},ÓÚÊǸù¾ÝÓÅÏȼ¶±ð£¬´¦ÔÚºóÃæµÄredµÄÓÅÏȼ¶¸ß£¬ÓÚÊǵ±È»Õâ¸ödivµÄ±³¾°ÑÕÉ«¾ÍÊǺìÉ«µÄÁË¡£
¡¡¡¡CSS hack:Çø·ÖIE6£¬IE7£¬firefox
¡¡¡¡Çø±ð²»Í¬ä¯ÀÀÆ÷£¬CSS hackд·¨£º
¡¡¡¡Çø±ðIE6ÓëFF£º
¡¡¡¡background:orange;*background:blue;
¡¡¡¡Çø±ðIE6ÓëIE7£º
¡¡¡¡background:green !important;background:blue;
¡¡¡¡Çø±ðIE7ÓëFF£º
¡¡¡¡background:orange; *background:green;
¡¡¡¡Çø±ðFF£¬IE7£¬IE6£º
¡¡¡¡background:orange;*background:green;_background:blue;
¡¡¡¡background:orange;*background:green !important;*background:blue;
&
Ïà¹ØÎĵµ£º
ÏÖÔÚ¸ø´ó¼ÒÏ×ÉÏÑÕÉ«¶ÔÕÕÂ룺
FFFFFF
#DDDDDD
#AAAAAA
#888888
#666666
#444444
#000000
#FFB7DD
#FF88C2
#FF44AA
#FF0088&n ......
ÔÚ˵µ½Õâ¸öÎÊÌâµÄʱºò£¬Ò²ÐíÓÐÈË»áÎÊCSSÖв»ÊÇÓÐvertical-alignÊôÐÔÀ´ÉèÖô¹Ö±¾ÓÖеÄÂ𣿼´Ê¹ÊÇijЩä¯ÀÀÆ÷²»Ö§³ÖÎÒÖ»Ðè×öÉÙÐíµÄCSS Hack¼¼Êõ¾Í¿ÉÒÔ°¡£¡ËùÒÔÔÚÕâÀïÎÒ»¹Òª啰àÂÁ½¾ä£¬CSSÖеÄÈ·ÊÇÓÐvertical-alignÊôÐÔ£¬µ«ÊÇËüÖ»¶Ô(X)HTMLÔªËØÖÐÓµÓÐvalignÌØÐÔµÄÔªËØ²ÅÉúЧ£¬ÀýÈç±í¸ñÔªËØÖеģ¼td£¾¡¢£¼th£¾¡¢£¼caption£¾ ......
ͼƬ×Ô¶¯ÊÊÓ¦´óСµÄÎÊÌâÔÚÆ½Ê±ÖÆ×÷µÄʱºòÊDZȽϳ£¼ûµÄÎÊÌ⣬ÏÂÃæÌṩһ¸ö±È½Ï¼òµ¥µÄ½â¾ö·½·¨£º
div img {
max-width:600px;
//IE7¡¢FFµÈÆäËû·ÇIEä¯ÀÀÆ÷ÏÂ×î´ó¿í¶ÈΪ600px;
width:600px;
//ËùÓÐä¯ÀÀÆ÷ÖÐͼƬµÄ´óСΪ600px;
width:expression(document.body.clientWidth>600?"600px":"auto");
//µ±Í¼Æ¬´óС´óÓÚ6 ......
¶ÔÓÚÒþ²ØÎÄ×Ö & ÄÚÈÝ£¬ÍøÉÏÒÑÓв»ÉÙCSS·½·¨¿ÉÒÔʵÏÖ£¬ÏÖ×ܽἸÌõʵÓõÄÒþ²ØÐ§¹ûÈçÏ£º
¼ÙÈçÐèÒªÒþ²ØµÄ¶ÔÏóÊÇ£º
<h1 id="header"><span class="texthidden">this text need to be hidden.</span></h1>
Òþ²ØÕâÒ»²¿·ÖµÄcss·½·¨Ò»°ãÓÐÁùÖÖ£º
1¡¢display:none;
/* Ëü¿ÉÒÔʹ°üÀ¨ÈÝÆ÷± ......
_property:value
ÊôÐÔǰ¼Ó_Ïß,¸Ãhack¶ÔIEÓÐЧ£¬ÔÚFFÏÂÎÞЧ
Õâ¶Î´úÂëÔÚIEÏ¿´,divµÄ±ß¿òΪÀ¶É«,¶øÔÚFireFoxÏÂÎÞЧ
<style type="text/css">
.tx_border{_border:1px solid #333333;}/*Õâ¸öÔÚIEÏ¿ÉÒÔ¿´µ½±ß¿òΪ»ÒÉ«£¬¶øÔÚFFÏÂÊÇûÓÐÈκεÄЧ¹û*/
</style>
Ñ¡Ôñ·û {width:IE5.x¿í¶È; voice-family :"\"}\"" ......