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

IE6/IE7/FFµÄCSS hack ä¯ÀÀÆ÷¼æÈÝ×ܽá

IE6/IE7/FFµÄCSS hack ä¯ÀÀÆ÷¼æÈÝ×ܽá
2010-01-23 15:25
ÓÉÓÚ²»Í¬µÄä¯ÀÀÆ÷¶ÔCSSµÄÖ§³Ö¼°½âÎö½á¹û²»Ò»Ñù£¬´¦ÀíµÄÓÅÏȼ¶²»Ò»Ñù¡£Õë¶Ô²»Í¬µÄä¯ÀÀÆ÷À´Ð´²»Í¬µÄCSS´ïµ½ÔÚ²»Í¬ä¯ÀÀÆ÷ÏÂÏÔʾÏëÒªµÄЧ¹û¾ÍÊÇcss hack¡£ÏÈÌùÁ½¸öÖ±¹ÛµÄ¶Ô±Èͼ£º
ÔÙÌùÒ»¶Î´úÂ룺
#bgcolor {
background:red !important; /* Firefox µÈÆäËûä¯ÀÀÆ÷ */
background:blue; /* IE6 */
}
*+html #bgcolor {
background:green !important; /* IE7 */
}
IE6 ²»ÈÏ !important, Ò²²»ÈÏ *+html. ËùÒÔ IE6 Ö»ÄÜÊÇ blue.
IE7 ÈÏ !important, Ò²ÈÏ *+html, ÓÅÏȶÈ: (*+html + !important) > !important > +html. IE7 ¿ÉÒÔÊÇ red, blue ºÍ green, µ« green µÄÓÅÏȶÈ×î¸ß.
Firefox ºÍÆäËûä¯ÀÀÆ÷¶¼ÈÏ !important. !important ÓÅÏÈ, Firefox ¿ÉÒÔÊÇ red ºÍ blue, µ« red ÓÅÏȶȸߡ£
ÏÂÃæÒÔÒ»¸öʵ¼ÊÐèÇó½øÐв»Í¬Ð´·¨µÄʵÏÖ£º
Õë¶ÔÏÂÃæµÄhtml´úÂ룺
<body>¡¡
¡¡¡¡¡¡¡¡<div><span>Text</span></div>¡¡
</body>
¡¡¡¡Ð´CSS´úÂ룬·Ö±ðÔÚIE6¡¢IE7¡¢FFÏÂÏÔʾ²»Í¬µÄЧ¹û£º
¡¡¡¡¼òµ¥ËµÃ÷һϣºIE6µÄ»®ÏßÊÇÔÚϱߡ¢IE7ÊÇÖм䡢FFÊÇÉϱߡ£ÒòΪIE6¼æÈÝÐÔ×î²î(ͬʱÏ»®Ïß_Ö»ÓÐie6Ö§³Ö)£¬IE7±ê×¼¾ÓÖУ¬FF±ê×¼×î¸ß¡£
¡¡¡¡µÚÒ»ÖÖ·½·¨£º
div{¡¡
¡¡¡¡¡¡¡¡text-decoration:overline;¡¡
¡¡¡¡¡¡¡¡*text-decoration:line-through;¡¡
¡¡¡¡¡¡¡¡_text-decoration:underline;¡¡
}
¡¡¡¡Ô­ÀíÊÇ£º
¡¡¡¡¼òµ¥µØËµ£¬¾ÍÊÇÀûÓÃÏÂÃæ¼¸µã£º
¡¡¡¡1.¸÷¸öä¯ÀÀÆ÷½âÎöCSSµÄÓï·¨²»¾¡Ïàͬ
¡¡¡¡2.CSSÓï·¨¹æÔò£ººóÃæµÄÊôÐÔ¸²¸ÇÇ°ÃæµÄÊôÐÔ
¡¡¡¡¶øÕâÀï½ö½öÊÇÀûÓÃÁË_£¨IE6µÄרÊô£©ºÍ*£¨ÓÃÓÚIE6ºÍIE7£©£¬½ÓÏÂÀ´ÀûÓÃÒ»ÏÂ!importantÓï·¨¡£
¡¡¡¡µÚ¶þÖÖ·½·¨£º
¡¡¡¡!importantÓï·¨Õë¶ÔµÄÊÇ“ºóÃæµÄÊôÐÔ¸²¸ÇÇ°ÃæµÄÊôÐÔ”ÕâÒ»Óï·¨£¬Ò²¾ÍÊÇ˵±êʶÁË!importantµÄÊôÐÔ£¬ÊDz»±»ºóÃæµÄÏàͬÊôÐÔËù¸²¸ÇµÄ£¬¶øIE6²»ÈÏʶÕâ¸ö£¬µ¼ÖÂÆäËûä¯ÀÀÆ÷ºÜÈÝÒ׸ù¾ÝÕâµã“ÆÛ¸º”IE6£º
div{¡¡
¡¡¡¡¡¡¡¡text-decoration:overline;¡¡
¡¡¡¡¡¡¡¡*text-decoration:line-through!important;¡¡
¡¡¡¡¡¡¡¡*text-decoration:underline;¡¡
}
¡¡¡¡Ô­Àí£º
¡¡¡¡1.FF²»ÈÏʶ*£¬µ«IE6/IE7ÈÏʶ
¡¡¡¡2.IE6²»ÈÏʶ!imprtant£¬µ«IE7ÈÏʶ
¡¡¡¡×¢Ò⣬˳Ðò²»ÄÜ»»£¬Èç¹û¸ÄΪÏÂÃæÕâÑù£º
text-decoration:overline;¡¡
*text-decoration:underline;¡¡
*text-decoration:line-through¡¡!important;


Ïà¹ØÎĵµ£º

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


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

ʹÓÃAnt¹¹½¨ÅúÁ¿Ñ¹Ëõjs¡¢cssÎļþ½Å±¾


ʹÓÃAnt¹¹½¨ÅúÁ¿Ñ¹Ëõjs¡¢cssÎļþ
ʹÓÃAntÅúÁ¿Ñ¹Ëõjs¡¢cssÎļþ
2010 Äê 01 ÔÂ 27 ÈÕ
ÌṩÁËÒ»¸öant½Å±¾£¬ËüÖ÷ÒªÓÃÓÚÅúÁ¿Ñ¹ËõÅú¶¨Ä¿Â¼ÏµÄjs¡¢cssÎļþ£¬´Ëant½Å±¾Ê¹Óõ½ÁË YUI Compressor¡¢antcontrib
.
Ant Contrib
Ö÷ҪʹÓÃËüËùÌṩµÄforeach¡¢propertyregexÕâÁ½¸ötarget
yui compressor ²Î¿¼×ÊÁÏ
ѹËõ»á´ø ......

CSSÔÚÏ߱༭¹¤¾ßeditarea

Ê×ÏȽéÉÜÒ»ÏÂeidtarea£º
EditAreaÊÇÒ»¸öjavascriptÔ´´úÂë±à¼­Æ÷¡£Ö§³Ö£ºÎı¾¸ñʽ»¯£¬ËÑË÷ÓëÌæ»»£¬ÊµÊ±Óï·¨×ÅÉ«¼ÓÁÁ¡£µ±Ç°Ö§³ÖµÄÓïÑÔ°üÀ¨£ºPHP¡¢CSS¡¢
Javascript¡¢Python¡¢HTML¡¢XML¡¢VB¡¢C¡¢CPP¡¢SQL¡¢Pascal¡¢Basic¡¢Brainf*ck
ÏÂÔØµØÖ·£ºhttp://sourceforge.net/projects/editarea/
¿ÉÒÔ×÷ΪºÜºÃµÄÔÚÏ߱༭¹¤¾ß ......

ÓÃcssÈÃͼƬ×Ô¶¯ÊÊÓ¦´óС

ͼƬ×Ô¶¯ÊÊÓ¦´óСµÄÎÊÌâÔÚÆ½Ê±ÖÆ×÷µÄʱºòÊDZȽϳ£¼ûµÄÎÊÌ⣬ÏÂÃæÌṩһ¸ö±È½Ï¼òµ¥µÄ½â¾ö·½·¨£º
div img {
max-width:600px;
//IE7¡¢FFµÈÆäËû·ÇIEä¯ÀÀÆ÷ÏÂ×î´ó¿í¶ÈΪ600px;
width:600px;
//ËùÓÐä¯ÀÀÆ÷ÖÐͼƬµÄ´óСΪ600px;
width:expression(document.body.clientWidth>600?"600px":"auto");
//µ±Í¼Æ¬´óС´óÓÚ6 ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ