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*/
}
Ïà¹ØÎĵµ£º
<style type="text/css">
/*
¸ù¾ÝinputµÄtypeÀ´¿ØÖÆcssÑùʽ
*/
/*
1.ÓÃcssµÄexpressionÅжϱí´ïʽ
Óŵ㣺¼òµ¥£¬ÇáÁ¿¼¶
ȱµã£ºexpressionÅжϱí´ïʽFireFoxÊDz»Ö§³ÖµÄ¡£ÖÂÃüµÄÊÇÖ»ÄÜÇø·Ö³öÒ»¸ö£¨ÀýÈçÀý×ÓÖоÍÖ»ÄÜÇø·Ö³ötextÎı¾¿ò£©£¬²»ÒªÊÔͼÉèÖöà¸ö£¬ÏÂÃæµÄ»á½«ÉÏÃæµÄ¸²¸Çµô
input
{
background- ......
Ò»¸öÍøÕ¾µÄÓÅ»¯Óкܶ๤×÷Òª×ö£¬ÆäÖжԴúÂëµÄÓÅ»¯ÊÇÒ»¸öºÜ¹Ø¼üµÄ²½Ö衣ΪÁ˸ü¼Ó·ûºÏSEOµÄ¹æ·¶£¬ÏÂÃæ½«¶ÔĿǰÁ÷ÐеÄDIV+CSSµÄÃüÃû¹æÔòÕûÀíÈçÏ£º
ҳͷ£ºheader µÇ¼Ìõ£ºloginBar
±êÖ¾£ºlogo & ......
Èç¹ûÔÚÓÃCSSÉè¼Æ²¼¾ÖʱÓöµ½BUG£¬ÇëÈÏÕæÔĶÁÒÔÏÂÄÚÈÝ£¬·Ç³£ÈÝÒ×¼ÇÒäµÄ£¬²»ÖªµÀÄÄλ¸ßÈ˰ÑCSS BUG±à³ÉÁË˳¿ÚÁïÁË£¡¿´¿´ºÃ²»ºÃ¼ÇסĨ£¿
Ò»¡¢IE±ß¿òÈôÏÔÈôÎÞ£¬Ðë×¢Ò⣬¶¨ÊǸ߶ÈÉèÖÃÒÑÍü¼Ç£»
¶þ¡¢¸¡¶¯²úÉúÓÐÔµ¹Ê£¬ÈôÒª¸¸²ã°üº¬×¡£¬½ô¸ú¸¡¶¯ÒªÇå³ý£¬ÈÝÆ÷×ÔÈ»ÏÔÆäÖУ»
Èý¡¢ÈýÏñËØÎı¾ÂýÒÆ²»±Ø»Å£¬¸ß¶ÈÉèÖðïÄãæ£»
ËÄ¡¢¼æÈݸ÷¸ ......
Ò»¡¢Ò³Ãæ²¼¾ÖÓë¹æ»®
ÔÚÍøÒ³ÖÆ×÷ÖУ¬ÓÐÐí¶àµÄÊõÓÀýÈ磺CSS¡¢HTML¡¢DHTML¡¢XHTMLµÈµÈ¡£ÔÚÏÂÃæµÄÎÄÕÂÖÐÎÒÃǽ«»áÓõ½Ò»Ð©ÓйØÓÚHTMLµÄ»ù±¾ÖªÊ¶£¬¶øÔÚÄãѧϰÕâÆªÈëÃŽ̳Ì֮ǰ£¬ÇëÈ·¶¨ÄãÒѾ¾ßÓÐÁËÒ»¶¨µÄHTML»ù´¡¡£ÏÂÃæÎÒÃǾͿªÊ¼Ò»²½Ò»²½Ê¹ÓÃDIV+CSS½øÐÐÍøÒ³²¼¾ÖÉè¼Æ°É¡£ËùÓеÄÉè¼ÆµÚÒ»²½¾ÍÊǹ¹Ë¼£¬¹¹Ë¼ºÃÁË£¬Ò»°ãÀ´Ëµ»¹ÐèÒª ......
Ò»£®ÎļþÃüÃû¹æ·¶
[b]ÑùʽÎļþÃüÃû[/b]
[quote]Ö÷ÒªµÄ master.css
²¼¾Ö£¬°æÃæ layout.css
רÀ¸ columns.css
ÎÄ×Ö font.css
´òÓ¡Ñùʽ print.css
Ö÷Ìâ themes.css [/quote]
[b]CSS ID µÄÃüÃû[/b]
[quote]ҳͷ£ºheader
µÇ¼Ìõ£ºloginbar
±êÖ¾£ºlogo
²àÀ¸£ºsidebar
¹ã¸æ£ºbanner
µ¼º½£ºnav
×Óµ¼º½£ºsubnav
²Ë ......