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
Ïà¹ØÎĵµ£º
div¾ÓÖеÄÉèÖøÃÈçºÎ±àдcss£¿
ÎÒÃÇÔÚ´«Í³µÄ±í¸ñ²¼¾ÖÖУ¬Ö»ÒªÉèÖñí¸ñµÄ¾ÓÖÐÊôÐÔ¾ÍʵÏÖÁ˾ÓÖеĿéÔªËØ¡£Ó¦ÓÃdiv cssÍøÕ¾²¼¾Ö£¬divµÄ¾ÓÖиÃÈçºÎ±àдcssÀ´¿ØÖÆËüÄØ£¿
¡¡¡¡Ö÷ÒªµÄÑùʽ¶¨ÒåÈçÏ£º
¡¡¡¡body {text-align: center;}
¡¡¡¡#center { margin-right: auto; margin-left: auto; }
¡¡¡¡Ê×ÏÈÔÚ¸¸¼¶ÔªËض¨Òåtext-a ......
SpriteMeÊÇGoogleµÄÒ»¸ö¿ªÔ´ÏîÄ¿£¬¿ÉÒÔÓÃÀ´·½±ãµØÕÒ³öÒ»¸öÒ³ÃæÖÐËùʹÓõÄͼƬ£¬È»ºó¿ÉÒÔ½«ËùÒÔͼƬºÏ²¢µ½Ò»¸ö“Sprite”ͼƬ£¬È»ºóÔÙͨ¹ý
CSS¿ØÖƵ÷ÓÃÄÄÒ»¸öÇøÓò£¬ÆäÌṩÁËÒ»¸öÍøÕ¾À´°²×°£¬ÑÝʾʹÓ÷½·¨£¬http://spriteme.org/ ¡£
°²×°·½·¨ºÜ¼òµ¥£¬°´ÕÕÉÏÃæÄǸöÒ³ÃæÉϵÄÌáʾ£¬½«Ò»¸öÁ´½ÓÍϵ½“ÊéÇ©¹ ......
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>CSSÑ¡ÏЧ¹û´úÂëÑÝʾ</title>
</head>
<body>
<mce:style type="text/css"><!--
div.card div{
background-color:#FF8 ......
DOCTYPE Ó°Ïì CSS ´¦Àí
Firefox: div ÉèÖà margin-left, margin-right Ϊ auto ʱÒѾ¾ÓÖÐ, IE ²»ÐÐ
Firefox: body ÉèÖà text-align ʱ, div ÐèÒªÉèÖà margin: auto(Ö÷ÒªÊÇ margin-left,margin-right) ·½¿É¾ÓÖÐ
Firefox: ÉèÖà padding ºó, div »áÔö¼Ó height ºÍ width, µ« IE ²»»á, ¹ÊÐèÒªÓà !important ¶àÉèÒ»¸ö heig ......
±¾½Ì³ÌΪwww.sw-web.cnÍøÒ³Éè¼ÆÑ§ÔºÍÆ¼öÎÄÕÂ
Èç¹ûÄãÏë³¢ÊÔһϲ»Óñí¸ñÀ´ÅŰæÍøÒ³£¬¶øÊÇÓÃCSSÀ´ÅŰæÄãµÄÍøÒ³£¬Ò²¾ÍÊdz£ÌýµÄÓÃDIVÀ´±àÅÅÄãµÄÍøÒ³½á¹¹£¬ÓÖ»òÕß˵ÄãÏëÑ§Ï°ÍøÒ³±ê×¼Éè¼Æ£¬ÔÙ»òÕß˵ÄãµÄÉÏ˾ҪÄã¸Ä±ä´«Í³µÄ±í¸ñÅŰ淽ʽ£¬Ìá¸ßÆóÒµ¾ºÕùÁ¦£¬ÄÇôÄãÒ»¶¨Òª½Ó´¥µ½µÄÒ»¸ö֪ʶµã¾ÍÊÇCSSµÄºÐ×Óģʽ£¬Õâ¾ÍÊÇDIVÅŰæµÄºËÐÄË ......