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

CSS¼æÈÝIE6,IE7,FireFoxÖ®Ò»

¹ØÓÚCSS¶Ô¸÷¸öä¯ÀÀÆ÷¼æÈÝÊǸö·Ç³£ÈÃÈËÍ·ÌÛµÄÊÂÇéÁË, ÍøÂçÉÏµÄ½Ì³Ì±éµØ¶¼ÊÇ.½ñÌìÔÚdiscuz.netÉÏ·¢ÏÖÁËһƪ²»´íµÄ¶«Î÷£¬¾Í×ªÔØ¹ýÀ´ºÍ´ó¼Ò¹²Ïí.¿ÉÒÔµ±×÷CSS¼æÈÝIE6,IE7,FireFoxµä·¶ÁË£¬ÖµµÃÈ¥¼Ç¼Ï¡£·¢ÏÖ×Ô¼ººÜ¾ÃûÓÐ×ªÔØ¶«Î÷¡£
×¢£ºIE¶¼ÄÜʶ±ð*;±ê×¼ä¯ÀÀÆ÷(ÈçFirefox,Opera,Netscape)²»ÄÜʶ±ð*£»IE6ÄÜʶ±ð*£¬µ«²»ÄÜʶ±ð !important,IE7ÄÜʶ±ð*£¬Ò²ÄÜʶ±ð!important;FF²»ÄÜʶ±ð*£¬µ«ÄÜʶ±ð!important;
дÁ½¾ä´úÂëÀ´¿ØÖÆÒ»¸öÊôÐÔ£¬Çø±ðFirefoxÓëIE6£º
background:orange;*background:blue;
//ÕâÒ»¾ä´úÂëд³öÀ´Ê±£¬ÄãÓÃfirefox»òÆäËü·ÇIEä¯ÀÀʱ£¬»á·¢ÏÖ£¬Ð´Á˸ôúÂëµÄÇøÓò±³¾°ÊdzÈÉ«µÄ£¬Èç¹ûÓÃIEä¯ÀÀ£¬È´ÊÇÀ¶É«µÄ£¬ÕâÊÇÒòΪIE¶¼ÄÜʶ±ð*;±ê×¼ä¯ÀÀÆ÷(ÈçFirefox,Opera,Netscape)²»ÄÜʶ±ð*£»
дÁ½¾ä´úÂëÀ´¿ØÖÆÒ»¸öÊôÐÔ£¬Çø±ðIE7ÓëIE6£º
background:green !important;background:blue;
//ÕâÒ»¾ä´úÂëд³öÀ´Ê±£¬ÄãÓÃIE7ä¯ÀÀ£¬»á·¢ÏÖ£¬Ð´Á˸ôúÂëµÄÇøÓò±³¾°ÊÇÂÌÉ«µÄ£¬Èç¹ûÓÃIE6ä¯ÀÀ£¬È´ÊÇÀ¶É«µÄ£¬ÕâÊÇÒòΪIE7ÄÜʶ±ð!
important*£¬Ò»µ«Ê¶±ðÁË£¬¾ÍÖ´ÐУ¬ºöÂÔÁ˺óÃæµÄÄÇÒ»¾ä£¬µ«IE6È´²»ÄÜʶ±ð!important£¬ËùÒÔÇ°Ãæ²¿·ÖÌø¹ý£¬Ö±½ÓÖ´ÐÐÁ˺ó°ë²¿·Ý¡£
дÁ½¾ä´úÂëÀ´¿ØÖÆÒ»¸öÊôÐÔ£¬Çø±ðFirefoxÓëIE£º
background:orange; *background:green;
//ÕâÒ»¾ä´úÂëд³öÀ´Ê±£¬ÄãÓÃFirefoxä¯ÀÀ£¬»á·¢ÏÖ±³¾°ÊdzÈÉ«µÄ£¬¶øIEÀïÈ´ÊÇÂÌÉ«µÄ£¬ºÜ¼òµ¥£¬ÒòΪFirefox²»ÄÜʶ±ð*£¬¶øIE6£¬IE7¶¼¿ÉÒÔʶ*
дÈý¾ä´úÂëÀ´¿ØÖÆÒ»¸öÊôÐÔ£¬Çø±ðFirefox£¬IE7£¬IE6£º
background:orange;*background:green !important;*background:blue;
//ÕâÒ»¾ä»áʹÔÚFirefoxÔÚ£¬±³¾°³Ê³ÈÉ«£¬IE7ÖÐΪÂÌÉ«£¬IE6ÖÐΪÀ¶É«£¬µÀÀíºÍÇ°ÃæÒ»Ñù£¬Firefox²»ÄÜʶ±ð*£¬ËùÒÔºóÃæÁ½¾ä¶¼²»Ö´
ÐУ¬Ö±½ÓÖ´ÐеÚÒ»¾ä£¬IE7µ±È»Ò²ÄÜÖ´ÐеÚÒ»ÐдúÂ룬µ«ÊÇÒòΪµÚ¶þ¾ä£¬ËûÒ²ÄÜʶ±ð£¬ËùÒÔ¾ÍÖ´ÐÐÁ˵ڶþ¾ä´úÂ룬°ÑÇ°ÃæµÄЧ¹û¸ø¹ýÂËÁË£¬¶ø×îºóÒ»¾ä£¬IE7ÊÇ
²»ÄÜʶ±ðµÄ¡£IE6²»ÄÜʶ±ð!imprtant£¬±¾À´ÔËÐÐÁ˵ÚÒ»¾ä´úÂëÁË£¬µÚ¶þ¾ä²»ÄÜʶ±ð£¬ÄǾÍÀíËùµ±È»µÄÖ´ÐÐÁË×îºóÒ»¾ä¡£
×¢ÒâÊÂÏ
¡¡¡¡1¡¢floatµÄdivÒ»¶¨Òª±ÕºÏ¡£
¡¡¡¡ÀýÈ磺(ÆäÖÐfloatA¡¢floatBµÄÊôÐÔÒѾ­ÉèÖÃΪfloat:left;)
< #div id="floatA" >
< #div id="floatB" >
< #div id="NOTfloatC" >
¡¡¡¡ÕâÀïµÄNOTfloatC²¢²»Ï£Íû¼ÌÐøÆ½ÒÆ£¬¶øÊÇÏ£ÍûÍùÏÂÅÅ¡£
¡¡¡¡Õâ¶Î´úÂëÔÚIEÖкÁÎÞÎÊÌ⣬ÎÊÌâ³öÔÚFF¡£Ô­ÒòÊÇNOTfloatC²¢·


Ïà¹ØÎĵµ£º

³¬¼¶Î޵и÷ÖÖä¯ÀÀÆ÷css hack

.styleName{
color
:
#FFF
;
/* FF,OP,IE8 */
[
;
color:
#0F0
;
]
/* Sa,CH */
*
color
:
#FF0
;
/* IE7 */
_color:
#F00
;
/* IE6 */
}
.styleName{
background-color
:
#332200
;
/* FF*/
}
html*
.styleName{
background-color
:
#FF00FF
;
/* Sa IE7 CH */
}
*+
html .style ......

Jquery CSS ²Ù×÷

jQueryÌṩcss()µÄ·½·¨À´ÊµÏÖǶÈëʽ¸Ä±äÔªËØÑùʽ£¬css()·½·¨ÔÚʹÓÃÉϾßÓжàÑùÐÔ¡£ÆäÖÐÒ»ÖÖ½ÓÊÜÁ½¸öÊäÈë²ÎÊý£ºÑùʽÊôÐÔºÍÑùʽֵ£¬ËüÃÇÖ®¼äÓöººÅ·Ö¿ª¡£±ÈÈçÎÒÃÇÒª¸Ä±äÁ´½ÓÑÕÉ«£¬ÎÒÃÇ¿ÉÒÔʹÓÃÏÂÃæµÄ´úÂ룺$("#61dh a").css('color','#123456');
//ÕâÀïÑ¡ÔñÆ÷¡®$("#61dh a")¡¯±íʾIDΪ¡®#61dh¡¯µÄÔªËØÏµÄËùÓÐÁ´½Ó¡£
//.css( ......

Ò» cssµÄÓÅÏȼ¶

Ò» cssµÄÓÅÏȼ¶
½ñÌìÓÐÈ˸úÎÒ˵css
hackÖÐÓÃ!importantÀ´Çø·Öie6£¬ÒòΪie6²»Ö§³Ö!important£¬ÊǵÄÔÚºÜÔçÒÔǰÎÒÒ²ÊÇÓùýÕâÖÖ·½·¨Ð´hack£¬µ«ÊǺóÀ´¾Í»ù±¾²»ÓÃÁË¡£±¾À´ÎÒ¶ÔËûË­µÄie6²»Ö§³Ö!importantҲûʲôÒìÒ飬¿ÉÊÇÕýºÃÔÚǰ¼¸ÌìÕýºÃÓøöÕâ¸ö!importantÊôÐÔ½â¾öÁËÒ»¸öÑùʽÓÅÏȼ¶µÄÎÊÌ⣬¶øÇÒÊÇÖ§³Öie6µÄ£¬ÕâÊÇÎªÊ²Ã´ÄØ£¿ ......

cssʵÏÖÍøÒ³±³¾°½¥±ä


ÓÃcssʵÏÖÍøÒ³±³¾°½¥±äµÄ´úÂëÈçÏ£º
Ò»¡¢´ÓÉÏÍùϽ¥±ä
Example Source Code [www.mb5u.com]
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);
}
¶þ¡¢´Ó×óÉÏÖÁÓÒϽ¥±ä
Example Source Code [www.mb5u.com]
body{
FILTER: Alpha( style=1, ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ