DIV+CSSÏà¶ÔIE6 IE7ºÍIE8¼æÈÝÎÊÌâÕûÀí
1.Çø±ðIEºÍ·ÇIEä¯ÀÀÆ÷
#tip {
background:blue; /*·ÇIE ±³¾°藍É«*/
background:red \9; /*IE6¡¢IE7¡¢IE8±³¾°紅É«*/
}
2.Çø±ðIE6,IE7,IE8,FF
¡¾Çø±ð·ûºÅ¡¿£º¡¸\9¡¹¡¢¡¸*¡¹¡¢¡¸_¡¹
¡¾Ê¾Àý¡¿£º
#tip {
background:blue; /*Firefox ±³¾°±äÀ¶É«*/
background:red \9; /*IE8 ±³¾°±äºìÉ«*/
*background:black; /*IE7 ±³¾°±äºÚÉ«*/
_background:orange; /*IE6 ±³¾°±äéÙÉ«*/
}
¡¾ËµÃ÷¡¿£ºÒòΪIEϵÁÐä¯ÀÀÆ÷¿É¶Á¡¸\9¡¹£¬¶øIE6ºÍIE7¿É¶Á¡¸*¡¹(Ã××ÖºÅ)£¬ÁíÍâIE6¿É±æÊ¶¡¸_¡¹(µ×Ïß)£¬Òò´Ë¿ÉÒÔÒÀÕÕ˳ÐòдÏÂÀ´£¬¾Í»áÈÃä¯ÀÀÆ÷ÕýÈ·µÄ¶ÁÈ¡µ½×Ô¼º¿´µÃ¶®µÃCSSÓï·¨£¬ËùÒԾͿÉÒÔÓÐÐ§Çø·ÖIE¸÷°æ±¾ºÍ·ÇIEä¯ÀÀÆ÷(ÏñÊÇFirefox¡¢Opera¡¢Google Chrome¡¢SafariµÈ)¡£
3.Çø±ðIE6¡¢IE7¡¢Firefox (·½·¨ 1)
¡¾Çø±ð·ûºÅ¡¿£º¡¸*¡¹¡¢¡¸_¡¹
¡¾Ê¾Àý¡¿£º
#tip {
background:blue; /*Firefox±³¾°±äÀ¶É«*/
*background:black; /*IE7 ±³¾°±äºÚÉ«*/
_background:orange; /*IE6 ±³¾°±äéÙÉ«*/
}
¡¾ËµÃ÷¡¿£ºIE7ºÍIE6¿É¶Á¡¸*¡¹(Ã××ÖºÅ)£¬IE6ÓÖ¿ÉÒÔ¶Á¡¸_¡¹(µ×Ïß)£¬µ«ÊÇIE7È´ÎÞ·¨¶ÁÈ¡¡¸_¡¹£¬ÖÁÓÚFirefox(·ÇIEä¯ÀÀÆ÷)ÔòÍêÈ«ÎÞ·¨±æÊ¶¡¸*¡¹ºÍ¡¸_¡¹£¬Òò´Ë¾Í¿ÉÒÔ͸¹ýÕâÑùµÄ²îÒìÐÔÀ´Çø·ÖIE6¡¢IE7¡¢Firefox
4.Çø±ðIE6¡¢IE7¡¢Firefox (·½·¨ 2)
¡¾Çø±ð·ûºÅ¡¿£º¡¸*¡¹¡¢¡¸!important¡¹
¡¾Ê¾Àý¡¿£º
#tip {
background:blue; /*Firefox ±³¾°±äÀ¶É«*/
*background:green !important; /*IE7 ±³¾°±äÂÌÉ«*/
*background:orange; /*IE6 ±³¾°±äéÙÉ«*/
}
¡¾ËµÃ÷¡¿£ºIE7¿ÉÒÔ±æÊ¶¡¸*¡¹ºÍ¡¸!important¡¹£¬µ«ÊÇIE6Ö»¿ÉÒÔ±æÊ¶¡¸*¡¹£¬È´ÎÞ·¨±æÊ¶¡¸!important¡¹£¬ÖÁÓÚFirefox¿ÉÒÔ¶ÁÈ¡¡¸!important¡¹µ«²»ÄܱæÊ¶¡¸*¡¹Òò´Ë¿ÉÒÔ͸¹ýÕâÑùµÄ²îÒìÀ´ÓÐÐ§Çø¸ôIE6¡¢IE7¡¢Firefox¡£
5.Çø±ðIE7¡¢Firefox
¡¾Çø±ð·ûºÅ¡¿£º¡¸*¡¹¡¢¡¸!important¡¹
¡¾Ê¾Àý¡¿£º
#tip {
background:blue; /*Firefox ±³¾°±äÀ¶É«*/
*background:green !important; /*IE7 ±³¾°±äÂÌÉ«*/
}
¡¾ËµÃ÷¡¿£ºÒòΪFirefox¿ÉÒÔ±æÊ¶¡¸!important¡¹µ«È´ÎÞ·¨±æÊ¶¡¸*¡¹£¬¶øIE7Ôò¿ÉÒÔͬʱ¿´¶®¡¸*¡¹¡¢¡¸!important¡¹£¬Òò´Ë¿ÉÒÔÁ½¸ö±æÊ¶·ûºÅÀ´Çø¸ôIE7ºÍFirefox¡£
6.Çø±ðIE6¡¢IE7 (·½·¨ 1)
¡¾Çø±ð·ûºÅ¡¿£º¡¸*¡¹¡¢¡¸_¡¹
¡¾Ê¾Àý¡¿£º
#tip
Ïà¹ØÎĵµ£º
¾²Ì¬¶¨Î»£ºposition:static£¨ÎªpositionÊôÐÔµÄĬÈÏÖµ£©¡£
¶¯Ì¬¶¨Î»£ºposition:relative»òposition:absolute»òposition:fixed¡£
×æÔªËØ£ºÈÎÒâ°üº¬¸ÃÔªËØµÄÔªËØ¡£ ¸¸ÔªËØ£ºÖ±½Ó°üº¬¸ÃÔªËØµÄ×æÔªËØ¡£ ͬ±²ÔªËØ£ºÓµÓй²Í¬µÄ¸¸ÔªËصÄÔªËØ¡£
×¢£ºÕâЩ¸Å
ÄîΪ×÷Õß ......
×Ô¼º×ܽáµÄÐĵãº
1£ºÔÚcssÉè¼ÆÖУ¬µ±Í¼Æ¬²»¹»¿íʱ£¬Õâʱ¿ÉÒÔ¿¼ÂÇʹÓñ³¾°ÑÕÉ«£¨Óë¸ÃͼƬÏàËÆµÄÑÕÉ«£©À´²¹³ä¡£
2£¬ÔÚcssÉè¼ÆÖУ¬¿ÉÒÔʹÓÃͼƬµÄ±³¾°É«ÏòÍøÒ³µÄ±³¾°É«¹ý¶É
Èçͼ£º
¾ßÌå²ÎÕÕ¡¶¾«Í¨JavaScript+Jquery¡·3-20.html ......
µ±Á¬ÐøÊäÈëÓ¢Óï×Ö·ûºó£¬ÓÉÓÚä¯ÀÀÆ÷ĬÈÏΪһ¸öµ¥´Ê£¬²¢²»»á»»Ðд¦Àí£¬ÔÚIE6/IE7 ÖУ¬ÎÒÃÇ¿ÉÒÔÌí¼ÓcssÖеÄword-wrap ÊôÐÔ£¬ÊµÏÖ×Ô¶¯»»ÐС£µ«ÊÇÔÚIE8 °æ±¾ÖУ¬¸ÃÊôÐÔ²»Ö§³Ö¡£
ÎÒÃÇ¿ÉÒÔ²ÉÓÃÅжÏä¯ÀÀÆ÷°æ±¾ºó£¬Ê¹ÓÃJavaScript½øÐл»ÐС£
if ($.br ......
Èç¹ûÄã²»×ÜÊÇÓà Windows
É쵀 Internet
Explorer
À´ÉÏÍøµÄ»°£¬Äã¿ÉÄÜ»á×¢Òâµ½£¬Ðí¶àÍøÕ¾ÉϵÄÊÓÆµµã²¥Ö®ÀàµÄ¶àýÌåÄÚÈÝ£¬ÄãÎÞ·¨Ö±½ÓÔÚ Internet Explorer
ÒÔÍâµÄÆäËüä¯ÀÀÆ÷Öйۿ´£¬±ÈÈçÃ÷Ã÷ÒѾ°²×°
Á˲å¼þÈ´ÌáʾȱÉÙ²å¼þ£¬»òÕßʲô¶¼²»Ìáʾ³öÏֿյĿò¿ò£¬»òÕßÏÔ
ʾÁ˲¥·ÅÆ÷²å¼þȴʼÖÕÁ¬²»ÉÏ´ò²»¿ªÖ®ÀàµÄÎÊÌ⣠......
<html>
<body style="margin:0;">
<div>
<table style="width:100%;height:100%" cellpadding='0' cellspacing='0'>
<tr>
<td style="width:120px;background-color:Red">
  ......