Internet Explorer CSS hacks
²âÊÔ»·¾³£ºIE6 , IE7, IE8, FF3.0
±í´ï·½Ê½£º±í´ï·½Ê½£º
body { `background:red }
body { ~background:red }
body { !background:red }
body { @background:red }
body { #background:red }
body { $background:red }
body { %background:red }
body { ^background:red }
body { &background:red }
body { *background:red }
body { (background:red }
body { )background:red }
body { =background:red }
body { +background:red }
body { [background:red }
body { ]background:red }
body { {background:red }
body { |background:red }
body { ,background:red }
body { <background:red }
body { .background:red }
body { >background:red }
body { /background:red }
body { ?background:red }
½áÂÛ£ºIEʶ±ðËùÓÐCSS Hack ½áÂÛ£ºIEʶ±ðËùÓÐCSS Hack
±ÈÈçÎÒÃÇҪʵÏÖÔÚIE ÖÐ480px µÄ¿í¶È£¬¶øÔÚÆäËûä¯ÀÀÆ÷500px µÄ¿í¶È£¬¾Í¿ÉÒÔͨ¹ýHack À´Íê³É£¬ÈçÏ£º±ÈÈçÎÒÃÇҪʵÏÖÔÚIEÖÐ480pxµÄ¿í¶È£¬¶øÔÚÆäËûä¯ÀÀÆ÷500pxµÄ¿í¶È£¬¾Í¿ÉÒÔͨ¹ýHackÀ´Íê³É£¬ÈçÏ£º
#hack {
width : 500px;
+width : 480px; /*only IE*/
}
Ïà¹ØÎĵµ£º
CSS¿ÉÒÔ´¦Àí¸ß¶È¡¢¿í¶È¡¢Éî¶ÈÈý¸öά¶È¡£ÔÚÇ°ÃæµÄ¿Î³ÌÖУ¬ÎÒÃÇÒѾÁ˽âÁËǰÁ½¸öά¶È¡£ÔÚ±¾¿ÎÖУ¬ÎÒÃǽ«Ñ§Ï°ÈçºÎÁî²»Í¬ÔªËØ¾ßÓвã´Î¡£¼òÑÔÖ®£¬¾ÍÊǹØÓÚÔªËØ¶ÑµþµÄ´ÎÐòÎÊÌâ¡£
Ϊ´Ë£¬Äã¿ÉÒÔΪÿ¸öÔªËØÖ¸¶¨Ò»¸öÊý×Ö£¨z-index£©¡£ÆäÔÀíÊÇ£ºÊý×ֽϴóµÄÔªËØ½«µþ¼ÓÔÚÊý×Ö½ÏСµÄÔªËØÖ®ÉÏ¡£
±È·½Ëµ£¬ÎÒÃÇÕýÔÚ´òÆË¿Ë£¬²¢ÇÒÄÃÁËÒ»ÊÖͬ ......
1¡¢IE·Ö²»Çå¼Ì³Ð¹ØÏµºÍ¸¸×Ó¹ØÏµµÄ²î±ð£¬È«²¿¶¼ÊǼ̳йØÏµ¡£
2¡¢ÔÚ¸øÄãµÄ±êÇ©·è¿ñ¼ÓÑ¡Ôñ·ûµÄʱºò£¬±ðÍüÁËÔÚCSSÀï¸øÑ¡Ôñ·û¼ÓÉÏ×¢ÊÍ¡£µÈÄãÒÔºóÐÞ¸ÄÄãµÄCSSµÄʱºò¾ÍÖªµÀΪʲôҪÕâô×öÁË¡£ÁíÍâÌáÐÑÄú£¬²»ÒªÌ«·è¿ñÁË¡£
3¡¢Èç¹ûÄã¸øÒ»¸ö±êÇ©ÉèÖÃÁËÒ»¸öÉîÉ«µ÷µÄ±³¾°Í¼Æ¬ºÍÁÁÉ«µ÷µÄÎÄ×ÖЧ¹û¡£½¨ÒéÕâ¸öʱºò¸øÄãµÄ±êÇ©ÔÙÉèÖÃÒ»¸öÉî ......
IE6.0¡¢IE7.0 ÓëFireFox CSS¼æÈݵĽâ¾ö·½·¨
2009-04-29 14:51
1.DOCTYPE Ó°Ïì CSS ´¦Àí
2.FF: div ÉèÖà margin-left, margin-right Ϊ auto ʱÒѾ¾ÓÖÐ, IE ²»ÐÐ
3.FF: body ÉèÖà text-align ʱ, div ÐèÒªÉèÖà margin: auto(Ö÷ÒªÊÇ margin-left,margin-right) ·½¿É¾ÓÖÐ
4.FF: ÉèÖà padding ºó, div »áÔö¼Ó height ºÍ ......
ºÜ¶àʱºòÍøÒ³Éè¼ÆÖлáÓöµ½¾ÓÖд¦ÀíÎÊÌ⣬°üÀ¨ºáÏòˮƽ¾ÓÖкʹ¹Ö±ÊúÖ±¾ÓÖÐÎÊÌ⣬¶ÔÓÚǰÕßÒ»°ãµÄ·½·¨¿ÉÒÔ²ÉÓÓtext-align:center”ºÍ“margin:0 auto”½øÐÐÓÐЧ¿ØÖÆ£¬Ïà¶Ô±È½Ï¼òµ¥Ò»Ð©£»¶ø´¹Ö±Ë®Æ½¾ÓÖеÄÎÊÌâ¾ÍÏԵò»ÊÇÄÇôÈÝÒס£
ÏÂÃæ±¾Õ¾¾Í´ËÎÊÌâ̸һµãCSS¶ÔÎı¾½øÐд¹Ö±ÊúÖ±¾ÓÖпØÖƵļ¼ÇÉ¡£
µ¥ÐÐÎ ......
ËÑË÷ÒýÇæÓÅ»¯(seo)Óкܶ๤×÷Òª×ö£¬ÆäÖжԴúÂëµÄÓÅ»¯ÊÇÒ»¸öºÜ¹Ø¼üµÄ²½Öè¡£
ΪÁ˸ü¼Ó·ûºÏSEOµÄ¹æ·¶£¬ÏÂÃæÊÇĿǰÁ÷ÐеÄCSS+DIVµÄÃüÃû¹æÔò£º
ҳͷ:header
µÇ¼Ìõ:loginBar
±êÖ¾:logo
²àÀ¸:sideBar
¹ã¸æ:banner
µ¼º½:nav
×Óµ¼º½:subNav
²Ëµ¥:menu
×Ӳ˵¥:subMenu
ËÑË÷:search
¹ö¶¯:scroll
Ò³ÃæÖ÷Ìå:main
ÄÚÈÝ:con ......