CSS¼æÈÝIE Firefox´óÈ«
IEµÄÎÊÌ⣺
Ò».Ë«±ß¾àÎÊÌâ
¸¡¶¯ÔªËصÄÍâ±ß¾à»á¼Ó±¶£¬µ«ÓëµÚÒ»¸ö¸¡¶¯ÔªËØÏàÁ򵀮äËû¸¡¶¯ÔªËØÍâ±ß¾à²»»á¼Ó±¶¡£
½â¾ö·½·¨£ºÔڴ˸¡¶¯ÔªËØÔö¼ÓÑùʽ display:inline;
¶þ.ͼƬ²úÉúµÄ¼ä϶
¸¸ÔªËØÖ±½Ó°üº¬<img>£¬Õâ¸öͼƬÏ·½»áºÍ¸¸ÔªËرßÔµ²úÉú¼ä϶¡£
½â¾ø·½·¨£º1.ÔÚÔ´´úÂëÖÐÈÃ</div>ºÍ<img>ÔÚͬһÐУ¬ÒòΪÄǸö¼ä϶ÊÇÓÉ»»Ðзû²úÉúµÄ¡£
2.¸ø<img>Ìí¼ÓÑùʽ display:block;
Èý.×îС¸ß¶ÈÎÊÌâ
¿éÔªËØ×îС¸ß¶ÈΪ10px£¬µ±¸ß¶È¶¨ÒåСÓÚ10pxʱ£¬ÈÔΪ10px;
½â¾ö·½·¨£ºÎª´Ë¿éÔªËØÌí¼ÓÑùʽ overflow:hidden; »ò Èô˿î¿éÔªËØµÄ×ÖÌå´óСµÈÓÚ´Ë»áÔªËØµÄ¸ß¶È¡£
ËÄ.ÁбíµÄliΪ¸¡¶¯£¬ÔòÁбíºóÃæµÄÔªËØ²»ÄÜ»»ÐеÄÎÊÌâ
ÁбíµÄliΪ¸¡¶¯£¬ÔòÁбíºóÃæµÄÔªËØ²»ÄÜ»»ÐС£
½â¾ö·½·¨£ºÎªÕâ¸öul¶¨ÒåºÏÊʵĸ߻ò¸ø°üº¬Õâ¸öul µÄ¸¸div¶¨ÒåºÏÊʵĸߡ£
Îå.×ÓÔªËØµÄÉÏÏÂÍâ±ß½çÎÊÌ⣨¸¸ÔªËØÃ»Óж¨Òå¸ß¶Èʱ£©
ÔÚ¸¸ÔªËØÃ»Óж¨Òå¸ß¶Èʱ£¬×ÓÔªËØµÄÉÏÏÂÍâ±ß½çºÍ¸¸ÔªËØÉÏÏÂÍâ±ß½çµþ¼Ó£¬²¢ÇÒÏÔʾÔÚ¸¸ÔªËØÍâÃæ¡£
½â¾ö·½·¨£º¸ø¸¸ÔªËض¨ÒåÄڱ߾à»ò±ß¿ò¡£
firefoxÎÊÌ⣺
Ò».ÁбíµÄliΪ¸¡¶¯£¬ÔòÁбíºóÃæµÄÔªËØ²»ÄÜ»»ÐеÄÎÊÌâ
ÁбíµÄliΪ¸¡¶¯£¬ÔòÁбíºóÃæµÄÔªËØ²»ÄÜ»»ÐС£
½â¾ö·½·¨£ºÎªÕâ¸öul¶¨ÒåºÏÊʵĿí¸ß»ò¸ø°üº¬Õâ¸öul µÄ¸¸div¶¨ÒåºÏÊʵĿí¸ß¡£
¶þ.×ÓÔªËØµÄÉÏÏÂÍâ±ß½çÎÊÌ⣨¸¸ÔªËØÃ»Óж¨Òå¸ß¶Èʱ£©
ÔÚ¸¸ÔªËØÃ»Óж¨Òå¸ß¶Èʱ£¬×ÓÔªËØµÄÉÏÏÂÍâ±ß½çºÍ¸¸ÔªËØÉÏÏÂÍâ±ß½çµþ¼Ó£¬²¢ÇÒÏÔʾÔÚ¸¸ÔªËØÍâÃæ¡£
½â¾ö·½·¨£º¸ø¸¸ÔªËض¨ÒåÄڱ߾à»ò±ß¿ò¡£
¶þÕßÖ®¼äµÄ¼æÈÝÎÊÌ⣺
Ò».ˮƽ¾ÓÖÐ
IE6£ºÊ¹ÓÃtext-align²»µ«ÄÜʹÎı¾¾ÓÖУ¬»¹ÄÜʹǶÌ׵ĿéÔªËØ¾ÓÖС£
FF2£ºÊ¹ÓÃtext-alignÖ»ÄÜʹÎı¾¾ÓÖС£
½â¾ö·½·¨£ºÔÚÐèÒª¾ÓÖеĿéÔªËØÌí¼Ómargin:0 auto;
¶þ.div¸ß¶È×ÔÊÊÓ¦ÎÊÌâ
IE6£ºÈç¹ûÄÚÈݵĸ߶ȳ¬¹ý¸¸ÔªËصĸ߶ȣ¬¸¸ÔªËصĸ߶ȻáÔö¼Ó¡£
FF2 : Èç¹ûÄÚÈݵĸ߶ȳ¬¹ý¸¸ÔªËصĸ߶ȣ¬ÄÚÈݲ»»áÒþ²Ø£¬¸¸ÔªËصĸ߶ÈÒ²²»»áÔö¼Ó¡£
½â¾ö·½·¨£º£¨¼Ù¶¨×îС¸ß¶ÈΪ50px£©ÔÚ¸¸ÔªËØÌí¼Ó min-height:50px;
 
Ïà¹ØÎĵµ£º
¡¡¡¡IE5¼°ÆäÒÔºó°æ±¾Ö§³ÖÔÚCSSÖÐʹÓÃexpression£¬ÓÃÀ´°ÑCSSÊôÐÔºÍJavas cript±í´ïʽ¹ØÁªÆðÀ´£¬ÕâÀïµÄCSSÊôÐÔ¿ÉÒÔÊÇÔªËØ¹ÌÓеÄÊôÐÔ£¬Ò²¿ÉÒÔÊÇ×Ô¶¨ÒåÊôÐÔ¡£¾ÍÊÇ˵CSSÊôÐÔºóÃæ¿ÉÒÔÊÇÒ»¶ÎJavas cript±í´ïʽ£¬CSSÊôÐÔµÄÖµµÈÓÚJavas cript±í´ïʽ¼ÆËãµÄ½á¹û¡£ ÔÚ±í´ïʽÖпÉÒÔÖ±½ÓÒýÓÃÔªËØ×ÔÉíµÄÊôÐԺͷ½·¨£¬Ò² ......
css-body±³¾°½¥±äÉ«µÄCSS
Ò»¡¢´ÓÉÏÍùϽ¥±ä
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);
}
¶þ¡¢´Ó×óÉÏÖÁÓÒϽ¥±ä
body{
FILTER: Alpha( style=1,opacity=25,finishOpacity=100,
startX=50 ......
¸Õ¸ÕÓöµ½Ò»¸öСÎÊÌ⣬²éÁËÏÂ×ÊÁÏŪÃ÷°×ÁË£¬¼Ç¼ÏÂÀ´°É¡£
div.myClassÆ¥Åä<div class="myClass">XXX</div>ÖÐÕû¸ödiv¡£
div .myClassÆ¥Åä<div><span class="myClass">XXX</span></div>ÖеÄspan
×¢Ò⣺ǰÕßÊÇdiv.myClass£¬ºóÕßÔÚdivÓë.myClass¼äÓпոñ
·ÃÎÊÎҵIJ©¿Í²é¿´¸ü¶à£ºÐÄÈçÖ ......
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td{margin:0;padding:0;font-family:'ËÎÌå';}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,a,span {overflow:hidden;}
table{border-collapse:collapse;border-spacing:0; font-size:12px;}
td { line-height:18px ......
ÔÚʹÓÓfloat”ʱ£¬ÒòΪ“float”ÊÇjavascriptµÄÒ»¸ö±£Áô×Ö£¬ËùÒԾͲ»ÄÜʹÓÃstyle.float£¬¶ø¸Ä³ÉÁËstyle.cssFloat(IEʹÓõÄÊÇstyle.styleFloat)£»
if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
this.listDiv01.style.styleFloat = "left";
this.listDiv02.style.styleFl ......