ʲôÊÇ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;
&
Ïà¹ØÎĵµ£º
DIV
CSSÉè¼ÆÊ±IE6¡¢IE7¡¢FF Óë¼æÈÝÐÔÓйصÄÌØÐÔ2008-03-28
14:21ÔÚÍøÕ¾Éè¼ÆµÄʱºò£¬Ó¦¸Ã×¢ÒâcssÑùʽ¼æÈݲ»Í¬ä¯ÀÀÆ÷ÎÊÌâ£¬ÌØ±ðÊǶÔÍêȫʹÓÃDIV CSSÉè¼ÆµÄÍø£¬¾ÍÓ¦¸Ã¸ü×¢ÒâIE6 IE7
FF¶ÔCSSÑùʽµÄ¼æÈÝ£¬²»È»£¬ÄãµÄÍøÂÒ¿ÉÄܳöÈ¥²»Ïë³öÏÖµÄЧ¹û£¡
ËùÓÐä¯ÀÀÆ÷ ͨÓà ......
°´Å¥Ñùʽ*/
.ButtonCss {}{
font-family: "Tahoma", "ËÎÌå";
font-size:9pt; color: #003399;
border: 1px #003399 solid;
color:006699;
BORDER-BOTTOM: #93bee2 1px solid;
BORDER-LEFT: #9 ......
ʹÓÃAnt¹¹½¨ÅúÁ¿Ñ¹Ëõjs¡¢cssÎļþ
ʹÓÃAntÅúÁ¿Ñ¹Ëõjs¡¢cssÎļþ
2010 Äê 01 ÔÂ 27 ÈÕ
ÌṩÁËÒ»¸öant½Å±¾£¬ËüÖ÷ÒªÓÃÓÚÅúÁ¿Ñ¹ËõÅú¶¨Ä¿Â¼ÏµÄjs¡¢cssÎļþ£¬´Ëant½Å±¾Ê¹Óõ½ÁË YUI Compressor¡¢antcontrib
.
Ant Contrib
Ö÷ҪʹÓÃËüËùÌṩµÄforeach¡¢propertyregexÕâÁ½¸ötarget
yui compressor ²Î¿¼×ÊÁÏ
ѹËõ»á´ø ......
ͼƬ×Ô¶¯ÊÊÓ¦´óСµÄÎÊÌâÔÚÆ½Ê±ÖÆ×÷µÄʱºòÊ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;
/* Ëü¿ÉÒÔʹ°üÀ¨ÈÝÆ÷± ......