CSS Hack »ã×Ü
¡¡¡¡ÆÁ±ÎIEä¯ÀÀÆ÷£¨Ò²¾ÍÊÇIEϲ»ÏÔʾ£©*:lang(zh) select {font:12px !important;} /*FF,OP¿É¼û£¬ÌرðÌáÐÑ£ºÓÉÓÚOpera×î½üµÄÉý¼¶£¬Ä¿Ç°´Ë¾äֻΪFFËùʶ±ð*/
¡¡¡¡select:empty {font:12px !important;} /*safari¿É¼û*/
¡¡¡¡ÕâÀïselectÊÇÑ¡Ôñ·û£¬¸ù¾ÝÇé¿ö¸ü»»¡£µÚ¶þ¾äÊÇMACÉÏsafariä¯ÀÀÆ÷¶ÀÓеġ£½öIE7ÓëIE5.0¿ÉÒÔʶ±ð*+html select {…}
¡¡¡¡µ±ÃæÁÙÐèÒªÖ»Õë¶ÔIE7ÓëIE5.0×öÑùʽµÄʱºò¾Í¿ÉÒÔ²ÉÓÃÕâ¸öHACK¡£ ½öIE7¿ÉÒÔʶ±ð*+html select {…!important;}
¡¡¡¡µ±ÃæÁÙÐèÒªÖ»Õë¶ÔIE7×öÑùʽµÄʱºò¾Í¿ÉÒÔ²ÉÓÃÕâ¸öHACK¡£ IE6¼°IE6ÒÔÏÂʶ±ð* html select {…}
¡¡¡¡Õâ¸öµØ·½ÒªÌرð×¢ÒâºÜ¶à²©¿Í¶¼Ð´³ÉÁËÊÇIE6µÄHACKÆäʵIE5.xͬÑù¿ÉÒÔʶ±ðÕâ¸öHACK¡£ÆäËüä¯ÀÀÆ÷²»Ê¶±ð¡£
¡¡¡¡html/**/ >body select {…}
¡¡¡¡Õâ¾äÓëÉÏÒ»¾äµÄ×÷ÓÃÏàͬ¡£½öIE6²»Ê¶±ð£¬ÆÁ±ÎIE6select {display /*ÆÁ±ÎIE6*/:none;}
¡¡¡¡ÕâÀïÖ÷ÒªÊÇͨ¹ýCSS×¢ÊÍ·Ö¿ªÒ»¸öÊôÐÔÓëÖµ£¬×¢ÊÍÔÚðºÅǰ¡£½öIE6ÓëIE5²»Ê¶±ð£¬ÆÁ±ÎIE6ÓëIE5select/**/ { display /*IE6,IE5²»Ê¶±ð*/:none;}
¡¡¡¡ÕâÀïÓëÉÏÃæÒ»¾ä²»Í¬µÄÊÇÔÚÑ¡Ôñ·ûÓ뻨À¨ºÅÖ®¼ä¶àÁËÒ»¸öCSS×¢ÊÍ¡£²»ÆÁ±ÎIE5.5½öIE5²»Ê¶±ð£¬ÆÁ±ÎIE5select/*IE5²»Ê¶±ð*/ {…}
¡¡¡¡ÕâÒ»¾äÊÇÔÚÉÏÒ»¾äÖÐÈ¥µôÁËÊôÐÔÇøµÄ×¢ÊÍ¡£Ö»ÓÐIE5²»Ê¶±ð£¬IE5.5¿ÉÒÔʶ±ð¡£ºÐÄ£Ðͽâ¾ö·½·¨selct {width:IE5.x¿í¶È; voice-family :"\"}\""; voice-family:inherit; width:ÕýÈ·¿í¶È;}
¡¡¡¡ºÐÄ£Ð͵ÄÇå³ý·½·¨²»ÊÇͨ¹ý!importantÀ´´¦ÀíµÄ¡£ÕâµãÒªÃ÷È·¡£Çå³ý¸¡¶¯select:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
¡¡¡¡ÔÚFirefoxÖУ¬µ±×Ó¼¶¶¼Îª¸¡¶¯Ê±£¬ÄÇô¸¸¼¶µÄ¸ß¶È¾ÍÎÞ·¨ÍêÈ«µÄ°üסÕû¸ö×Ó¼¶£¬ÄÇôÕâʱÓÃÕâ¸öÇå³ý¸¡¶¯µÄHACKÀ´¶Ô¸¸¼¶×öÒ»´Î¶¨Ò壬ÄÇô¾Í¿ÉÒÔ½â¾öÕâ¸öÎÊÌâ¡£½Ø×ÖÊ¡ÂÔºÅselect { -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
¡¡¡¡Õâ¸öÊÇÔÚÔ½³ö³¤¶Èºó»á×ÔÐеĽصô¶à³ö²¿·ÖµÄÎÄ×Ö£¬²¢ÒÔÊ¡ÂԺŽá⣬ºÜºÃµÄÒ»¸ö¼¼Êõ¡£Ö»ÊÇĿǰFirefox²¢²»Ö§³Ö¡£Ö»ÓÐOperaʶ±ð@media all and (min-width: 0px){ select {……} }
¡¡¡¡Õë¶ÔOperaä¯ÀÀÆ÷×öµ¥¶ÀµÄÉ趨¡£ÒÔÉ϶¼ÊÇдCSSÖеÄһЩHACK£¬ÕâЩ¶¼ÊÇÓÃÀ´½â¾ö¾Ö²¿µÄ¼æÈÝÐÔÎÊÌ⣬Èç¹ûÏ£Íû°Ñ¼æÈÝÐÔµÄÄÚÈÝÒ²·ÖÀë³öÀ´£¬²»·ÁÊÔÒ»ÏÂÏÂÃæµÄ¼¸ÖÖ¹ýÂËÆ÷¡£ÕâЩ¹ýÂËÆ÷ÓеÄÊÇдÔÚCSSÖÐͨ¹ý¹ýÂËÆ÷µ¼ÈëÌØ±ðµÄÑùʽ£¬Ò²Óе
Ïà¹ØÎĵµ£º
ºÐ×Ó±êÇ©ºÍÊôÐÔ¶ÔÕÕ
CSSÓï·¨£¨²»Çø·Ö´óСд£©
JavaScriptÓï·¨£¨Çø·Ö´óСд£©
border
border
border-bottom
borderBottom
border-bottom-color
borderBottomColor
border-bottom-style
borderBottomStyle
border-bottom-width
borderBottomWidth
border-color
borderColor
border-left
borderLeft
border ......
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ÏÂ,¿É ......
»¹ÔÚΪ±ÏÒµÉè¼Æ¶ø·³ÄÕô ¿´¿´ÕâÀï ÎÒ°ïÄã¸ã¶¨¾ÍºÃ
±¾ÈËʵ¼Ê¿ª·¢¾Ñé·á¸» ѧ¹ý¸÷Àà³ÌÐò±àд ǰºǫ́¶¼¿ÉÒÔ
ÏÖÔڵŤ×÷²»Ôõô¾°ÆøÑ½ ËùÒÔÕÒµãÍâ¿ìÑø¼Òºý¿Úѽ ºÇºÇ
±¨³êÂï ¹ýµÃÈ¥¾ÍÐÐÁË Ã»Ê²Ã´ÒªÇó ½»¸öÅóÓÑÂï
Èç¹ûÓÐÒâÕß¿ÉÓë±¾ÈËÁªÏµqq604884385 Tel13438309220 ......
TABLE{
BORDER-RIGHT: #888 1px solid;
BORDER-TOP: #888 1px solid;
MARGIN-TOP: 10px;
BORDER-LEFT: #888 1px solid;
WIDTH: 100%;
BORDER-BOTTOM: #888 1px solid;
FONT-FAMILY: Arial, Helvetica, sans-serif;
BORDER-COLLAPSE: collapse;
}
TABLE PRE {
BORDER-TOP-WIDTH: 0px;
PADDING-RIGHT: 0px;
PA ......
ÍøÒ³ÇÐͼ¹ý³ÌÖÐdiv+cssÃüÃû¹æÔò
ÄÚÈÝ£ºcontent/container µ¼º½£ºnav ²àÀ¸£ºsidebar ¡¡ ¡¡
À¸Ä¿£ºcolumn ±êÖ¾£ºlogo Ò³ÃæÖ÷Ì壺main ¡¡¡¡
¹ã¸æ£ºbanner Èȵ㣺hot ÐÂÎÅ£ºnews
ÏÂÔØ£ºdownload ×Óµ¼º½£ºsubnav ²Ëµ¥£ºmenu
ËÑË÷£ºsearch Ò³½Å£ºfooter ¹ö¶¯£ºscroll
°æÈ¨£ºcopyright ÓÑÇéÁ´½Ó£ºfriendlink ×Ӳ˵¥£ºsub ......