CSS Hack
Ö»Õë¶Ôie6£¬ie7ºÍfirefoxµÄcsshack
×¢ÒⶼҪдÔÚÕý³£ÑùʽµÄºó±ß£¬³ý!important·½·¨ÔÚǰ±ß
---------------Õë¶ÔÑùʽÃû------------
Èç¹ûÖ»ÈÃie6¿´¼ûÓÃ*html .head{color:#000;}
Èç¹ûÖ»ÈÃie7¿´¼ûÓÃ*+html .head{color:#000;}
Èç¹ûÖ»ÈÃff¿´¼ûÓÃ:root body .head{color:#000;}
Èç¹ûÖ»ÈÃff¡¢IE8¿´¼ûÓÃhtml>/**/body .head{color:#000;}
Èç¹ûÖ»ÊDz»ÈÃie6¿´¼ûÓÃhtml>body .head{color:#000;} ¼´¶ÔIE 6ÎÞЧ
Èç¹ûÖ»ÊDz»ÈÃff¡¢IE8¿´¼ûÓÃ*body .head{color:#000;} ¼´¶Ôff¡¢IE8ÎÞЧ
body>.head{color:#000} IE7 8 ff ÓÐЧ
-------------Õë¶Ô¾ßÌåÊôÐÔ--------------
Èç¹ûÖ»ÈÃie6¿´¼ûÓÃ_ .head{_color:#000;}
Èç¹ûÖ»ÈÃie7¿´¼ûÓÃ+Óë_½áºÏµÄ·½·¨: .head{+color:#f00;!;_color:#000;}
Èç¹ûÖ»ÊDz»ÈÃie6¿´¼ûÓà /**/ .head{color /**/:#000;}×¢ÒâÓпոñ,»òÕßÓÃ!important,д·¨: width:20px!important; width:50px;
Èç¹ûÖ»¶ÔffÎÞЧ/9 >.head{color:#000\9}
--------------------------------------------------IE8Õýʽ°æhack---------------------------------
"\9"¡¡Àý:"margin:0px auto\9;".ÕâÀïµÄ"\9"¿ÉÒÔÇø±ðËùÓÐIEºÍFireFox.
"*"¡¡IE6¡¢IE7¿ÉÒÔʶ±ð.IE8¡¢FireFox²»ÄÜ.
"_"¡¡IE6¿ÉÒÔʶ±ð"_",IE7¡¢IE8¡¢FireFox²»ÄÜ.
È磺.a {color:#f00; color:#f60\9; +color:#00FF00; _color:#0000FF; }
ff IE8 IE7 IE6
Ïà¹ØÎĵµ£º
±¾ÎÄΪ´ó¼ÒÊÕ¼¯¾«Ñ¡ÁË30¸öʹÓô¿CSS
Íê³ÉµÄÇ¿´óʵ¼ùµÄÓÅÐãCSS¼¼ÊõºÍʵÀý
£¬Äú½«ÔÚÕâÀï·¢ÏֺܶàÓëÖÚ²»Í¬µÄ¼¼Êõ£¬±ÈÈç:ͼƬ¼¯¡¢ÒõӰЧ¹û¡¢¿ÉÀ©Õ¹°´Å¥¡¢²Ëµ¥µÈ…ÕâЩʵÀý¶¼ÊÇʹÓô¿CSSºÍHTMLʵÏֵġ£
µ¥»÷ÿ¸öʵÀýµÄ±êÌâ¿ÉÒÔ±»×ªÏòµ½¸Ã¼¼ÊõʵÀýµÄÏà¹Ø½Ì³Ì»ò˵Ã÷Ò³Ãæ(Ó¢ÎÄ)£¬µ¥»÷ÿ¸öʵÀýµÄͼƬ½ØÍ ......
<div style="padding-top:5px;width:200px;height:15px;background-color:#ffeeee"> test </div>
ÒÔÉÏ´úÂëÔÚIEÖкÍfirefox»áÓв»Í¬µÄЧ¹û.×îÖ÷ÒªÔÒòÊÇfirefox½âÊÍpadding-topÓëIEµÄЧ¹û²»Í¬
fixfox¶ÔDIV×ܸ߶ÈÊÇpadding-top+heightµÄ,¶øIEÖÐ,padding-topÊǰüº¬ÔÚheightÖеÄ,
Òª½â¾öÕâÒ»¸öì¶Ü,¿ÉÒÔÀûÓÃ!imp ......
һЩÐÂÊÖÅóÓѶÔÑ¡ÔñÆ÷Ò»Öª°ë½â£¬²»ÖªµÀÔÚʲôÇé¿öÏÂÔËÓÃʲôÑùµÄÑ¡ÔñÆ÷£¬ÕâÊÇÒ»¸ö±È½ÏÍ·ÌÛµÄÎÊÌ⣬Õë¶ÔÐÂÊÖÅóÓÑ£¬¶ÔCSSÑ¡ÔñÆ÷×÷һЩ¼òµ¥µÄ˵Ã÷£¬Ï£ÍûÄܶԴó¼ÒµÄѧϰ¹¤×÷ÓÐÒ»¶¨µÄ°ïÖú£¬¸ü¶àµÄCSS֪ʶÇë²Î¿¼Webjx.comµÄÆäËûÎÄÕ¡£
׼ȷ¶ø¼ò½àµÄÔËÓÃCSSÑ¡ÔñÆ÷»á´ïµ½·Ç³£ºÃµÄЧ¹û¡£ÎÒÃDz»±ØÍ¨Æª¸øÃ¿Ò»¸öÔªËØ¶¨ÒåÀࣨclass£©»ò ......
1.idÑ¡ÔñÆ÷
idÑ¡ÔñÆ÷µÄÃüÃûÓ¦¼á³ÖÌåÏÖÎĵµµÄ½á¹¹ºÍλÖá£
Èç:#header¡¢#footer¡¢#left µÈ
2.classÑ¡ÔñÆ÷
classÑ¡ÔñÆ÷µÄÃüÃûÓ¦¸ÃÌåÏÖÃû³ÆµÄÑùʽÃèÊöÐÔ¡£
È磺.red¡¢.underline µÈ
3.¶ÔÓÚÄ£¿éµÄÍâΧ½á¹¹ÔªËØ×îºÃÓÃidÊôÐÔ£¬ÄÚ²¿ÔªËØ¿ÉÒÔ¶¨ÒåclassÊôÐÔ£¬
ÒòΪÍâΧµÄ½á¹¹Ò»°ãʽΨһµÄ¡£¶øÄÚ²¿µÄÔªËØ¿ÉÄÜ»á³öÏÖÖØ¸´¡£
ÁíÍ ......