Ò׽ؽØͼÈí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

IE6¡¢IE7¡¢IE8¡¢Firefox¡¢Opera CSS hackÇø·Ö

IE6¡¢IE7¡¢IE8¡¢Firefox¡¢Opera CSS hackÇø·Ö
Õë¶ÔÑùʽÃû
Èç¹ûÖ»ÈÃ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ÎÞЧ
Õë¶Ô¾ßÌåÊôÐÔ
Èç¹ûÖ»ÈÃie6¿´¼ûÓÃ_     .head{_color:#000;}
Èç¹ûÖ»ÈÃie7¿´¼ûÓÃ+Óë_½áºÏµÄ·½·¨:     .head{+color:#f00;!;_color:#000;}
IE8Õýʽ°æhack
\9″¡¡Àý:”margin:0px auto\9;”.ÕâÀïµÄ”\9″¿ÉÒÔÇø±ðËùÓÐIE8ºÍFireFox.
“*”¡¡IE6¡¢IE7¿ÉÒÔʶ±ð.IE8¡¢FireFox²»ÄÜ.
“_”¡¡IE6¿ÉÒÔʶ±ð”_”,IE7¡¢IE8¡¢FireFox²»ÄÜ.
È磺
.a {color:#f00;     color:#f60\9;    +color:#00FF00;    _color:#0000FF; }
´Ó×óµ½ÓÒ·Ö±ð¶ÔÓ¦ FF,IE8 IE7 IE6
-------------------------------------------------
¸÷ä¯ÀÀÆ÷CSS hack¼æÈÝ±í£º
 
IE6
IE7
IE8
Firefox
Chrome
Safari
!important
 
Y
 
Y
 
 
_
Y
 
 
 
 
 
*
Y
Y
 
 
 
 
*+
 
Y
 
 
 
 
\9
Y
Y
Y
 
 
 
\0
 
 
Y
 
 
 
nth-of-type(1)
 
 
 
 
Y
Y
´úÂëʾÀý£º
#test{
color:red; /* ËùÓÐä¯ÀÀÆ÷¶¼Ö§³Ö */
color:red !important;/* Firefox¡¢IE7Ö§³Ö */
_color:red; /* IE6Ö§³Ö */
*color:red; /* IE6¡¢IE7Ö§³Ö */
*+color:red; /* IE7Ö§³Ö */
color:red\9; /* IE6¡¢IE7¡¢IE8Ö§³Ö */
color:red\0; /* IE8Ö§³Ö */
}
body:nth-of-type(1) p{color:red;} /* Chrome¡¢SafariÖ§³Ö */
ÕûÌå²âÊÔ´úÂëʾÀý£º
.test{
color:#000000;
color:#0000FF\0;
[color:#00FF00;
*color:#FFFF00;
_color:#FF0000;
}
ÆäËû˵Ã÷£º
1¡¢Èç¹ûÄãµÄÒ³Ãæ¶ÔIE7¼æÈÝûÓÐÎÊÌ⣬ÓÖ²»Ïë´óÁ¿ÐÞ¸ÄÏÖÓдúÂ룬ͬʱÓÖÄÜÔÚIE8ÖÐÕý³£Ê¹Óã¬Î¢ÈíÉù³Æ£¬¿ª·¢É̽öÐèÒªÔÚÄ¿Ç°¼æÈÝIE7µÄÍøÕ¾ÉÏÌí¼ÓÒ»ÐдúÂë¼´¿É


Ïà¹ØÎĵµ£º

cssÔÚIE¡¢»ðºüϵļæÈÝÎÊÌâ


 
DIV£«CSSÍøÒ³²¼¾ÖÕâÊÇÒ»ÖÖÇ÷ÊÆ,ÎÒÒ²¿ªÊ¼Ë³Ó¦Õâ¹ÉÇ÷ÊÆÁË,²»¹ýÔÚʹÓÃDIV£«CSSÍøÕ¾Éè¼ÆµÄʱºò£¬Ó¦¸Ã×¢ÒâcssÑùʽ¼æÈݲ»Í¬ä¯ÀÀÆ÷ÎÊÌ⣬ÌرðÊǶÔÍêȫʹÓÃDIV CSSÉè¼ÆµÄÍøÒ³£¬¾ÍÓ¦¸Ã¸ü×¢ÒâIE6¡¢IE7¡¢FF¶ÔCSSÑùʽµÄ¼æÈÝ£¬²»È»£¬ÄãµÄÍøÒ³¿ÉÄÜÂÒµÄÒ»ËúºýÍ¿£¡ÎÒ¾­³£±»ÕâЩ¶«Î÷ÕûµÄ½¹Í·Àöî,ÓÚÊǺôÔÚÍøÉÏÕÒÁËЩ×ÊÁÏ,¼ÓÉÏ×Ô¼ºµ ......

Zen Coding: Ò»ÖÖ¿ìËÙ±àдHTML/CSS´úÂëµÄ·½·¨


Zen Coding: Ò»ÖÖ¿ìËÙ±àдHTML/CSS´úÂëµÄ·½·¨
À´Ô´£ºhttp://www.javaeye.com/news/13149
Òë×Ô£ºSmashing Magazine
ÖÐÎÄ£ºZen Coding: Ò»ÖÖ¿ìËÙ±àдHTML/CSS´úÂëµÄ·½·¨
ÔÚ±¾ÎÄÖÐÎÒÃǽ«Õ¹Ê¾Ò»ÖÖеÄʹÓ÷ÂCSSÑ¡ÔñÆ÷µÄÓï·¨À´¿ìËÙ¿ª·¢HTMLºÍCSSµÄ·½·¨¡£ËüÓÉSergey Chikuyonok¿ª·¢¡£
ÄãÔÚдHTML´úÂë(°üÀ¨ËùÓбêÇ©¡¢ÊôÐÔ¡¢ ......

±íµ¥ÖÐcssÓÐЩ²»Æð×÷ÓÃ

    дÁËÒ»¸ö±íµ¥£¬ÔÚʹÓÃcssʱ·¢ÏÖÁËһЩÎÊÌâ¡£
    1¡¢¶¨ÒålabelµÄstyle²»Æð×÷Óã¬ÀýÈ磬ÎÒÔÚcssÖж¨ÒåÁËÒ»¸ö
<mce:style type="text/css"><!--
label
{
font-size:large;
}
--></mce:style><style type="text/css" ......

CSS±ß¿òÊôÐÔ

±ß¿ò·ç¸ñÊôÐÔ(border-style)
Õâ¸öÊôÐÔÓÃÀ´É趨ÉÏÏÂ×óÓұ߿òµÄ·ç¸ñ£¬ËüµÄÖµÈçÏ£º
none (ûÓб߿ò£¬ÎÞÂ۱߿ò¿í¶ÈÉèΪ¶à´ó)
dotted (µãÏßʽ±ß¿ò)
dashed (ÆÆÕÛÏßʽ±ß¿ò)
solid (Ö±Ïßʽ±ß¿ò)
double (Ë«Ïßʽ±ß¿ò)
groove (²ÛÏßʽ±ß¿ò)
ridge(¼¹Ïßʽ±ß¿ò)
inset (ÄÚǶЧ¹ûµÄ±ß¿ò)
outset (Í»ÆðЧ¹ûµÄ±ß¿ò)
± ......

ÍøÒ³Öг£¼ûCSS HackµÄʹÓÃÕûÀí

_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 :"\"}\"" ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ