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

CSSÍøÒ³²¼¾Ö

¡¡¡¡ÎÒÃÇÌÖÂÛµÄÖ÷ÌâCSSÍøÒ³²¼¾Ö£¬×îÁî´ó¼ÒÍ·ÌÛµÄÎÊÌâ¾ÍÊÇä¯ÀÀÆ÷¼æÈÝÐÔ£¬ËäÈ»div-css.net½éÉܹýºÜ¶àÕâ·½ÏòµÄ֪ʶ£¬µ«ÒÀÈ»Èúܶ࿪·¢ÈËÔ±ÔÎͷתÏò£¬½ñÌìµÄÕâÆªÎÄÕ£¬½«ÁгöcssºÍjavascriptÔÚIEºÍFirefoxÖжþÊ®Èý¸ö²»Í¬µã£¬Ï£Íû¶Ô´ó¼ÒµÄѧϰÓÐËù°ïÖú¡£
Ò»¡¢document.formName.item("itemName") ÎÊÌâ
¡¡¡¡ÎÊÌâ˵Ã÷£ºIEÏ£¬¿ÉÒÔʹÓà document.formName.item("itemName") »ò document.formName.elements ["elementName"]£»FirefoxÏ£¬Ö»ÄÜʹÓÃdocument.formName.elements["elementName"]¡£
¡¡¡¡½â¾ö·½·¨£ºÍ³Ò»Ê¹ÓÃdocument.formName.elements["elementName"]¡£
¶þ¡¢¼¯ºÏÀà¶ÔÏóÎÊÌâ
¡¡¡¡ÎÊÌâ˵Ã÷£ºIEÏ£¬¿ÉÒÔʹÓà () »ò [] »ñÈ¡¼¯ºÏÀà¶ÔÏó£»FirefoxÏ£¬Ö»ÄÜʹÓà [ ]»ñÈ¡¼¯ºÏÀà¶ÔÏó¡£
½â¾ö·½·¨£ºÍ³Ò»Ê¹Óà [] »ñÈ¡¼¯ºÏÀà¶ÔÏó¡£
Èý¡¢×Ô¶¨ÒåÊôÐÔÎÊÌâ
¡¡¡¡ÎÊÌâ˵Ã÷£ºIEÏ£¬¿ÉÒÔʹÓûñÈ¡³£¹æÊôÐԵķ½·¨À´»ñÈ¡×Ô¶¨ÒåÊôÐÔ£¬Ò²¿ÉÒÔʹÓà getAttribute() »ñÈ¡×Ô¶¨ÒåÊôÐÔ£»FirefoxÏ£¬Ö»ÄÜʹÓà getAttribute() »ñÈ¡×Ô¶¨ÒåÊôÐÔ¡£
¡¡¡¡½â¾ö·½·¨£ºÍ³Ò»Í¨¹ý getAttribute() »ñÈ¡×Ô¶¨ÒåÊôÐÔ¡£
ËÄ¡¢eval("idName")ÎÊÌâ
¡¡¡¡ÎÊÌâ˵Ã÷£ºIEÏ£¬¿ÉÒÔʹÓà eval("idName") »ò getElementById("idName") À´È¡µÃ id Ϊ idName µÄHTML¶ÔÏó£»FirefoxÏ£¬Ö»ÄÜʹÓà getElementById("idName") À´È¡µÃ id Ϊ idName µÄHTML¶ÔÏó¡£
¡¡¡¡½â¾ö·½·¨£ºÍ³Ò»Óà getElementById("idName") À´È¡µÃ id Ϊ idName µÄHTML¶ÔÏó¡£
Îå¡¢±äÁ¿ÃûÓëijHTML¶ÔÏóIDÏàͬµÄÎÊÌâ
¡¡¡¡ÎÊÌâ˵Ã÷£ºIEÏ£¬HTML¶ÔÏóµÄID¿ÉÒÔ×÷Ϊ document µÄÏÂÊô¶ÔÏó±äÁ¿ÃûÖ±½ÓʹÓã¬FirefoxÏÂÔò²»ÄÜ£»FirefoxÏ£¬¿ÉÒÔʹÓÃÓëHTML¶ÔÏóIDÏàͬµÄ±äÁ¿Ãû£¬IEÏÂÔò²»ÄÜ¡£
¡¡¡¡½â¾ö·½·¨£ºÊ¹Óà document.getElementById("idName") ´úÌæ document.idName¡£×îºÃ²»ÒªÈ¡HTML¶ÔÏóIDÏàͬµÄ±äÁ¿Ãû£¬ÒÔ¼õÉÙ´íÎó£»ÔÚÉùÃ÷±äÁ¿Ê±£¬Ò»ÂɼÓÉÏvar¹Ø¼ü×Ö£¬ÒÔ±ÜÃâÆçÒå¡£
Áù¡¢constÎÊÌâ
¡¡¡¡ÎÊÌâ˵Ã÷£ºFirefoxÏ£¬¿ÉÒÔʹÓÃconst¹Ø¼ü×Ö»òvar¹Ø¼ü×ÖÀ´¶¨Òå³£Á¿£»IEÏ£¬Ö»ÄÜʹÓÃvar¹Ø¼ü×ÖÀ´¶¨Òå³£Á¿¡£
¡¡¡¡½â¾ö·½·¨£ºÍ³Ò»Ê¹ÓÃvar¹Ø¼ü×ÖÀ´¶¨Òå³£Á¿¡£
Æß¡¢input.typeÊôÐÔÎÊÌâ
¡¡¡¡ÎÊÌâ˵Ã÷£ºIEÏ input.type ÊôÐÔΪֻ¶Á£»µ«ÊÇFirefoxÏ input.type ÊôÐÔΪ¶Áд¡£
¡¡¡¡½â¾ö°ì·¨£º²»ÐÞ¸Ä input.type ÊôÐÔ¡£Èç¹û±ØÐëÒªÐ޸ģ¬¿ÉÒÔÏÈÒþ²ØÔ­À´µÄinput£¬È»ºóÔÚͬÑùµÄλÖÃÔÙ²åÈëÒ»¸öеÄinputÔªËØ¡£
°Ë¡¢window.eventÎÊÌâ
¡¡¡¡ÎÊÌâ˵Ã÷£ºwindow.event Ö»ÄÜÔÚIEÏ


Ïà¹ØÎĵµ£º

DIV+CSSµÄÃüÃû¹æÔò


Ò»¸öÍøÕ¾µÄÓÅ»¯Óкܶ๤×÷Òª×ö£¬ÆäÖжԴúÂëµÄÓÅ»¯ÊÇÒ»¸öºÜ¹Ø¼üµÄ²½Ö衣ΪÁ˸ü¼Ó·ûºÏSEOµÄ¹æ·¶£¬ÏÂÃæ½«¶ÔĿǰÁ÷ÐеÄDIV+CSSµÄÃüÃû¹æÔòÕûÀíÈçÏ£º
ҳͷ£ºheader                  µÇ¼Ìõ£ºloginBar
±êÖ¾£ºlogo   & ......

CSSÊ®ÌõËټǿھ÷

Èç¹ûÔÚÓÃCSSÉè¼Æ²¼¾ÖʱÓöµ½BUG£¬ÇëÈÏÕæÔĶÁÒÔÏÂÄÚÈÝ£¬·Ç³£ÈÝÒ×¼ÇÒäµÄ£¬²»ÖªµÀÄÄλ¸ßÈ˰ÑCSS BUG±à³ÉÁË˳¿ÚÁïÁË£¡¿´¿´ºÃ²»ºÃ¼ÇסĨ£¿
Ò»¡¢IE±ß¿òÈôÏÔÈôÎÞ£¬Ðë×¢Ò⣬¶¨ÊǸ߶ÈÉèÖÃÒÑÍü¼Ç£»
¶þ¡¢¸¡¶¯²úÉúÓÐÔµ¹Ê£¬ÈôÒª¸¸²ã°üº¬×¡£¬½ô¸ú¸¡¶¯ÒªÇå³ý£¬ÈÝÆ÷×ÔÈ»ÏÔÆäÖУ»
Èý¡¢ÈýÏñËØÎı¾ÂýÒÆ²»±Ø»Å£¬¸ß¶ÈÉèÖðïÄãæ£»
ËÄ¡¢¼æÈݸ÷¸ ......

cssÊó±êÑùʽ

cursorÖÐhandÓëpointer
Àý×Ó£ºCSSÊó±êÊÖÐÍЧ¹û <a href="#" style="cursor:hand">CSSÊó±êÊÖÐÍЧ¹û</a>
pointerÒ²ÊÇÊÖÐÍ£¬ÕâÀïÍÆ¼öʹÓÃÕâÖÖ£¬ÒòΪÕâ¿ÉÒÔÔÚ¶àÖÖä¯ÀÀÆ÷ÏÂʹÓá£
Àý×Ó£ºCSSÊó±êÊÖÐÍЧ¹û <a href="#" style="cursor:pointer">CSSÊó±êÊÖÐÍЧ¹û</a>
crosshairÊÇÊ®×ÖÐÍ
Àý×Ó£ºCSSÊó± ......

Internet Explorer CSS hacks

²âÊÔ»·¾³£ºIE6 , IE7, IE8, FF3.0 
±í´ï·½Ê½£º±í´ï·½Ê½£º 
body { `background:red } 
body { ~background:red } 
body { !background:red } 
body { @background:red } 
body { #background:red } 
body { $background:red } 
body { %background:red } 
body { ^b ......

css×Ô¶¯»»ÐÐ(ת)

Á¬ÐøµÄÓ¢ÎÄ»òÊý×ÖÄÜÊÇÈÝÆ÷±»³Å´ó£¬²»Äܸù¾ÝÈÝÆ÷µÄ´óС×Ô¶¯»»ÐУ¬¶ÔÓÚDivºÍtableÒÔ¼°²»Í¬µÄä¯ÀÀÆ÷£¬ÊµÏÖcss×Ô¶¯»»Ðеķ½·¨¶¼ÉÔÓв»Í¬£¬ÏÂÃæ·Ö±ð½éÉÜ£º
      ¶ÔÓÚdiv
¡¡¡¡1.£¨IEä¯ÀÀÆ÷£©white-space:normal; word-break:break-all;ÕâÀïǰÕßÊÇ×ñÑ­±ê×¼¡£
ÒÔÏÂÊÇÒýÓÃÆ¬¶Î£º
#wrap{white-space:no ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ