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

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 !important;*background:blue;
×¢£ºIE¶¼ÄÜʶ±ð*;±ê×¼ä¯ÀÀÆ÷(ÈçFF)²»ÄÜʶ±ð*£»
IE6ÄÜʶ±ð*£¬µ«²»ÄÜʶ±ð !important,
IE7ÄÜʶ±ð*£¬Ò²ÄÜʶ±ð!important;
FF²»ÄÜʶ±ð*£¬µ«ÄÜʶ±ð!important;
 
 IE6
 IE7
 FF
 *
 √
 √
 ×
 !important
 ×
 √
 √
------------------------------------------------------
ÁíÍâÔÙ²¹³äÒ»¸ö£¬Ï»®Ïß"_",
IE6Ö§³ÖÏ»®Ïߣ¬IE7ºÍfirefox¾ù²»Ö§³ÖÏ»®Ïß¡£
ÓÚÊÇ´ó¼Ò»¹¿ÉÒÔÕâÑùÀ´Çø·ÖIE6£¬IE7£¬firefox
: background:orange;*background:green;_background:blue; 
×¢£º²»¹ÜÊÇʲô·½·¨£¬ÊéдµÄ˳Ðò¶¼ÊÇfirefoxµÄдÔÚÇ°Ãæ£¬IE7µÄдÔÚÖм䣬IE6µÄдÔÚ×îºóÃæ¡£


Ïà¹ØÎĵµ£º

CSSµÄpositionÏê½â

position ÓÐÈý¸öÖµ£¬static£¨¾²Ì¬£©¡¢relative£¨Ïà¶Ô£©¡¢absolute£¨¾ø¶Ô£© fix(¹Ì¶¨²¼¾Ö)£»ÓÉÓÚstaticÊÇËùÓÐÒ³ÃæÔªËØµÄĬÈÏÖµ£¬Òò´ËÉèÖÃÔªËØµÄ¶¨Î»ÀàÐÍʱ¼¸ºõ²»ÓÃÕâ¸öÖµ£¬³ý·ÇÓÃÓÚ¸²¸Ç֮ǰµÄ¶¨Òå¡£
¶ÔÓÚºóÁ½Õߣ¬Ò»°ãÓ¦ÓãºÔÚÒ»¸öÏà¶Ô¶¨Î»µÄÔªËØÀïÃæ·ÅÖÃÒ»¸ö¾ø¶Ô¶¨Î»µÄÔªËØ£¬Èçͼ£º
×ÓÔªËØB¿ÉÒÔͨ¹ýtop¡¢right¡¢bottom¡¢le ......

IEºÍFirefoxÔÚJSºÍCSS·½ÃæµÄ¼æÈÝÐÔ

1.document.formName.item("itemName") ÎÊÌâ
˵Ã÷:IEÏÂ,¿ÉÒÔʹÓÃdocument.formName.item("itemName")»òdocument.formName.elements["elementName"];
FirefoxÏÂ,Ö»ÄÜʹÓÃdocument.formName.elements["elementName"].
½â¾ö·½·¨:ͳһʹÓÃdocument.formName.elements["elementName"].
2.¼¯ºÏÀà¶ÔÏóÎÊÌâ
˵Ã÷:
IEÏÂ,¿ÉÒÔ ......

ÍøÒ³ÖÐÈçºÎ»»·ô£¿£¨CSS£©

×î¼òµ¥µÄ°ì·¨£º¼ÙÉèÄãÓÐÁ½¸öÑÕÉ«µÄCSSÎļþred.css,green.css,ĬÈÏΪºìÉ«µÄÑùʽ
<link rel="stylesheet" style="text/css" link="red.css" id="colorcss">
<input type="button" name="redcss" value='ºìÉ«' onclick="javascript:document.getElementById('colorcss').href='red.css'">
<input type="butt ......

CSSÖеÄClear tsiringµÄרÀ¸

ÔÚµ±½ñweb2.0ʱ´ú,ÔÚÉè¼ÆÍøÒ³µÄʱºò´ó¼Ò¶¼»áʹÓÃdiv+css½øÐв¼¾Ö,Óеã¾Í²»Óöà˵ÁË,×ÔÈ»ÓкܶàºÃ´¦ÁË,ÖÁÉÙ»á±ÈÓÃtable²¼¾ÖÉÙЩ´úÂë,¶øÓÃdiv²¼¾ÖÒ²ÓÐËûÃǵIJ»·½±ãÖ®´¦,¾ÍÊDZȽϸ´ÔÓ,ÓÈÆäÊǶà¸ödivÔÚÒ»ÐÐÏÔʾ,¶à¸öä¯ÀÀÆ÷¼æÈݵȵÈ,ËùÒÔ³õѧÕß»¹ÊǾ¡Á¿ÓÃtable²¼¾Ö,´ýÊìÁ·ÁËÔÚÓÃdiv.
ÏÖÔÚ˵µÄÊÇDIV+CSSÖÐclear:bothµÄ×÷ÓÃ,ÏÈ¿´ ......

³ÎÇåDIV+CSSÉè¼ÆµÄÎóÇø


µ±DIV+CSSƽµØÆð¾ªÀ×ͻȻ³öÏÖÔÚÍøÒ³Éè¼ÆÐÐÒµµÄʱºò£¬¹Ù·½¡¢Ãñ¼äÎÞ²»ÍƳ籸ÖÁ£¬·Â·ðTableÉè¼ÆµÄʱ´ú¾ÍÒªÖսᣬÂí
ÉϾÍÒª²½ÈëDIV+CSSµÄʱ´ú£¬²»¶®µÃDIV+CSSÄã¶¼²»ºÃÒâ˼˵Äã»áÍøÒ³Éè¼Æ£¬²»ÖªDIV+CSSÄã¶¼²»ºÃÒâ˼˵ÄãÊÇÕ¾³¤£¬Äã
Òª»¹ÊÇÓÃTABLEÀ´Éè¼ÆÕ¾µã£¬ÎÞÊý±ÉÒÄÖ®¹â¾ÍͶÉä¶øÀ´¡£
¡¡¡¡È»¶øDIV+CSSÕæµÄÓÐÕâôÉñÂð?¸ÃÔõà ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ