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

ʲôÊÇCSS HACK,HACKµÄ´¦Àí·½Ê½


       ÓÉÓÚ²»Í¬µÄä¯ÀÀÆ÷£¬±ÈÈçInternet Explorer 6,Internet Explorer 7,Mozilla FirefoxµÈ£¬¶ÔCSSµÄ½âÎöÈÏʶ²»Ò»Ñù£¬Òò´Ë»áµ¼ÖÂÉú³ÉµÄÒ³ÃæÐ§¹û²»Ò»Ñù£¬µÃ²»µ½ÎÒÃÇËùÐèÒªµÄÒ³ÃæÐ§¹û¡£
¡¡¡¡Õâ¸öʱºòÎÒÃǾÍÐèÒªÕë¶Ô²»Í¬µÄä¯ÀÀÆ÷ȥд²»Í¬µÄCSS£¬ÈÃËüÄܹ»Í¬Ê±¼æÈݲ»Í¬µÄä¯ÀÀÆ÷£¬ÄÜÔÚ²»Í¬µÄä¯ÀÀÆ÷ÖÐÒ²Äܵõ½ÎÒÃÇÏëÒªµÄÒ³ÃæÐ§¹û¡£
¡¡¡¡Õâ¸öÕë¶Ô²»Í¬µÄä¯ÀÀÆ÷д²»Í¬µÄCSS codeµÄ¹ý³Ì£¬¾Í½ÐCSS hack,Ò²½ÐдCSS hack¡£
¡¡¡¡
CSS HackµÄÔ­Àí:
¡¡¡¡ÓÉÓÚ²»Í¬µÄä¯ÀÀÆ÷¶ÔCSSµÄÖ§³Ö¼°½âÎö½á¹û²»Ò»Ñù£¬»¹ÓÉÓÚCSSÖеÄÓÅÏȼ¶µÄ¹ØÏµ¡£ÎÒÃǾͿÉÒÔ¸ù¾ÝÕâ¸öÀ´Õë¶Ô²»Í¬µÄä¯ÀÀÆ÷À´Ð´²»Í¬µÄCSS¡£
¡¡¡¡±ÈÈç IE6ÄÜʶ±ðÏ»®Ïß"_"ºÍÐǺÅ" * "£¬IE7ÄÜʶ±ðÐǺÅ" * "£¬µ«²»ÄÜʶ±ðÏ»®Ïß"_"£¬¶øfirefoxÁ½¸ö¶¼²»ÄÜÈÏʶ¡£µÈµÈ
¡¡¡¡Êéд˳Ðò£¬Ò»°ãÊǽ«Ê¶±ðÄÜÁ¦Ç¿µÄä¯ÀÀÆ÷µÄCSSдÔÚºóÃæ¡£ÏÂÃæÈçºÎдÀïÃæËµµÃ¸üÏêϸЩ¡£
¡¡¡¡ÈçºÎдCSS Hack
 
¡¡¡¡±ÈÈçÒª·Ö±æIE6ºÍfirefoxÁ½ÖÖä¯ÀÀÆ÷£¬¿ÉÒÔÕâÑùд£º
 
¡¡¡¡<style>
 
¡¡¡¡div{
 
¡¡¡¡background:green; /* for firefox */
 
¡¡¡¡*background:red; /* for IE6 */
 
¡¡¡¡}
 
¡¡¡¡</style>
 
¡¡¡¡ÎÒÔÚIE6Öп´µ½ÊǺìÉ«µÄ£¬ÔÚfirefoxÖп´µ½ÊÇÂÌÉ«µÄ¡£
 
¡¡¡¡½âÊÍһϣº
 
¡¡¡¡ÉÏÃæµÄcssÔÚfirefoxÖУ¬ËüÊÇÈÏʶ²»Á˺óÃæµÄÄǸö´øÐǺŵĶ«¶«ÊÇʲôµÄ£¬ÓÚÊǽ«Ëü¹ýÂ˵ô£¬²»ÓèÀí²Ç£¬½âÎöµÃµ½µÄ½á¹ûÊÇ:div{background:green},ÓÚÊÇÀíËùµ±È»Õâ¸ödivµÄ±³¾°ÊÇÂÌÉ«µÄ¡£
 
¡¡¡¡ÔÚIE6ÖÐÄØ£¬ËüÁ½¸öbackground¶¼ÄÜʶ±ð³öÀ´£¬Ëü½âÎöµÃµ½µÄ½á¹ûÊÇ:div{background:green;background:red;},ÓÚÊǸù¾ÝÓÅÏȼ¶±ð£¬´¦ÔÚºóÃæµÄredµÄÓÅÏȼ¶¸ß£¬ÓÚÊǵ±È»Õâ¸ödivµÄ±³¾°ÑÕÉ«¾ÍÊǺìÉ«µÄÁË¡£
 
¡¡¡¡CSS hack:Çø·ÖIE6£¬IE7£¬firefox
 
¡¡¡¡Çø±ð²»Í¬ä¯ÀÀÆ÷£¬CSS hackд·¨£º
 
¡¡¡¡Çø±ðIE6ÓëFF£º
 
¡¡¡¡background:orange;*background:blue;
 
¡¡¡¡Çø±ðIE6ÓëIE7£º
 
¡¡¡¡background:green !important;background:blue;
 
¡¡¡¡Çø±ðIE7ÓëFF£º
 
¡¡¡¡background:orange; *background:green;
 
¡¡¡¡Çø±ðFF£¬IE7£¬IE6£º
 
¡¡¡¡background:orange;*background:green;_background:blue;
 
¡¡¡¡background:orange;*background:green !important;*background:blue;
&


Ïà¹ØÎĵµ£º

Óà CSS ʵÏÖÎı¾¹ý³¤Ê±£¬Ê¡ÂԺš°¡­¡­¡±ÏÔʾЧ¹û¡£


Html´úÂë 
view plaincopy to clipboardprint?  
<div style="width: 230px; border: 1px solid blue; overflow: hidden; text-overflow:ellipsis">    
<nobr>¾ÍÊDZÈÈçÓÐÒ»ÐÐÎÄ×Ö£¬ºÜ³¤£¬±í¸ñÄÚÒ»ÐÐÏÔÊ ......

cssµÄdl dt ddµÄÓ¦ÓÃ

cssµÄdl dt ddµÄÓ¦Óãº
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content= ......

jQueryʹÓÃÊÖ²áÖ®CSS²Ù×÷

Jquery¶ÔcssµÄ²Ù×÷Ï൱·½±ã£¬Äܷܺ½±ãÎÒÃÇȥͨ¹ýjsÐÞ¸Äcss¡£´«Í³javascript¶ÔcssµÄ²Ù×÷Ï൱·±Ëö£¬±ÈÈç
<div id="a" style="background:blue">css</div>
È¡ËüµÄbackgroundÓï·¨ÊÇ£º
document.getElementById("a").style.background
¶øjQuery¶Ôcss¸ü·½±ãµÄ²Ù×÷£º
$("#a").background();$("#a").background ......

CSS×Ô¶¯½ØÈ¡×Ö·û´®Îª...


CSS´úÂë
<style>
body{
background-color:#f4f4f4;
font-size:12px;
}
div.test{
width:200px;
height:100px;
border:1px solid red;
border-top:4px solid red;
padding:10px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
</style>
HTML´úÂë
<div class="test"&g ......

CSS¹«ÓÃÎļþ

ÓÉÓÚ¸÷ä¯ÀÀÆ÷µÄĬÈÏCSSÑùʽ²»Ò»Ñù£¬ÎÒÃDZØÐëдһ¸öCSS ResetͳһÆðÀ´¡£
ͨ³£ÎÒµÄ×ö·¨ÊÇÔÚcommon.cssÀïдȫ¾Ö¿ØÖÆ£¬ÕâÀïÃæÒ²°üÀ¨headerºÍfooter£¬ÆäËüCSSÎļþ¾Íͨ¹ý@import url(”
common.css”);ÒýÓá£
body{padding:10px;margin:0;background:#fff;font-size:12px;line-height:14px;color:#333;font-
family ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ