IE8µÄcss hack
Ê×ÏȸÐл“Íè×Ó
”ÌṩµÄÕâ¸ö
IE8µÄcss hack£»
¹Ø×¢¹ýIE8µÄcss hackµÄÈËÏàÐÅ´ó¼Ò¶¼ÔÚʹÓÃÕâ¸öhack£¬¾ÍÊÇ“\9”µÄcss hack£º
.test{
color:#000000; /* FF,OPÖ§³Ö */
color:#0000FF\9; /* ËùÓÐIEä¯ÀÀÆ÷(ie6+)Ö§³Ö £»µ«ÊÇIE8²»ÄÜʶ±ð“*”ºÍ“_”µÄcss
hack£»ËùÒÔÎÒÃÇ¿ÉÒÔÕâÑùдhack */
[color:#000000;color:#00FF00; /* SF,CHÖ§³Ö */
*color:#FFFF00; /* IE7Ö§³Ö */
_color:#FF0000; /* IE6Ö§³Ö */
}
°üÀ¨ÎÒ×Ô¼ºÒ²ÊÇʹÓÃÕâÖֵģ¬ÕâÊÇÎÒÇ°¶Îʱ¼äÕûÀíµÄ¡¶Ö÷Á÷ä¯ÀÀÆ÷µÄһЩCSS
hack
¡·¡£(תÔØÇë×¢Ã÷³ö´¦£ºWEBÇ°¶Ë¿ª·¢ http://www.css88.com/
)
ºÜ¶àÈËÔÙÑо¿color:#0000FF\9;ÖеÄΪʲôIE6-IE8Ö§³Ö“\9”д·¨£¬ºÍËüµÄÔÀí£¬ÎÒÖ»ÊǸö¹¤³Ìʦ£¬²»ÊÇ¿Æѧ¼Ò£¬ÎÒ²»¶®ÎªÊ²Ã´
ºÍËüµÄÕæÕýÔÀí£¬ÕæµÄ£¡ºÜ²ÑÀ¢£¡
×òÌìÔÚij¸öȺÀïÒ²¿´µ½²¿·ÖÇ°¶Ë¹¤³Ìʦ»òÍøÒ³Öع¹Ê¦ÊÆÀûµÄÒ»Ã棬ͬÑùµÄÒ»¸ö½â¾ö·½°¸£¬´ó¹«Ë¾ÓÐÃûµÄÇ°¶Ë¹¤³Ìʦ»òÍøÒ³Öع¹Ê¦Ð´µÄ¶«Î÷¶¼×·Åõ£¬¶øС¹«Ë¾Ã»
ÃûÆøµÄÇ°¶Ë¹¤³Ìʦ»òÍøÒ³Öع¹Ê¦Ð´µÄ½â¾ö·½°¸È´±»·´ÎÊ£º“cssÓÐÕâÖÖд·¨Â𣿿´À´ÄãÁ¬×î»ù±¾µÄcssµÄ¼¸¸öÊôÐÔºÍÊôÐÔÖµ¶¼Ã»¸ã¶®£»¾ÍËãÄã½â¾öÁËÎÊÌâÄãдµÄ
cssÒ²ÊDz»¹æ·¶µÄ£¬¾ÍÊǹ淶Äã¸úÎÒ½²½²Äã½â¾ö·½°¸µÄÔÀí£»”ͬÑùµÄÒ»¸ö½â¾ö·½°¸£¬´ó¹«Ë¾ÓÐÃûµÄÇ°¶Ë¹¤³Ìʦ»òÍøÒ³Öع¹Ê¦Ð´µÄÕâЩ·´ÎÊÖÊÒɾÍÈ«¶¼Ã»ÁË£¬Æ´Ãü
µÄÈ¥Ñо¿ËûÕâ¸ö½â¾ö·½°¸£¬ºÇºÇ£¬ÎÒ¾õµÃÄÇЩÈ˺ܿÉЦ¡£»¹ÓкܶàÈËÎÊÎÊÌâÖ»Óеõ½´ó¹«Ë¾ÓÐÃûµÄÇ°¶Ë¹¤³Ìʦ»òÍøÒ³Öع¹Ê¦µÄ¿Ï¶¨»Ø´ðºó²Å·ÅÐĶøÓÖ¿ªÐĵÄ×ßÁË£¬Éõ
ÖÁ²»ÁôÒ»¾äлл¡£µ±È»Ã»ÈË£¨°üÀ¨ÎÒ£©·ñÈÏ´ó¹«Ë¾ÓÐÃûµÄÇ°¶Ë¹¤³Ìʦ»òÍøÒ³Öع¹Ê¦ÔÚÒµ½çµÄÓ°ÏìÁ¦£¬ËûÃÇΪǰ¶ËºÍÖع¹Òµ½ç×öµÄ¹±Ï×´ó¼Ò¶¼ÊÇ¿´µÃµ½µÄ£¬Ö»ÊǾõµÃ×ö
ÈË£¨ÌرðÊÇÎÒÃÇ×ö¼¼ÊõµÄ£©²»ÄÜÌ«ÊÆÀû£¬¶àÒ»µã¼¼Êõ¹²ÏíºÍ̽ÌÖ£¬¶àÒ»µã¸Ð¼¤£¬Ñ§Ï°³É³¤²ÅÊÇ×îÖØÒªµÄ¡£ÎÒ³ÐÈÏÎÒÒÔÇ°¾³£ÂîÈË£¬ÂîÈ˼ÒSB£¬ÄڲιúÍõ˵µÄ¶Ô£¬Âî
È˼ÒSB¾ÍµÈÓÚÂî×Ô¼ºSB£¬ÎÒÒÔÇ°ÊǺÜSB¡£²»Ïë̽Ì־Ϳ´×Åߣ¬ÂîÈËÊDz»¶ÔµÄ
Ïà¹ØÎĵµ£º
1.css ×ÖÌå¼òд¹æÔò
¡¡¡¡µ±Ê¹ÓÃcss¶¨Òå×ÖÌåʱÄã¿ÉÄÜ»áÕâÑù×ö:
¡¡¡¡font-size: 1em;
¡¡¡¡line-height: 1.5em;
¡¡¡¡font-weight: bold;
¡¡¡¡font-style: italic;
¡¡¡¡font-variant: small-caps;
¡¡¡¡font-family: verdana,serif;
¡¡¡¡
ÊÂʵÉÏÄã¿ÉÒÔ¼òдÕâЩÊôÐÔ:
¡¡¡¡font: 1em/1.5em bold italic small-caps ver ......
ÈËÒ»µ©Ï°¹ßÁËijЩ¶«Î÷¾ÍºÜÄÑÈ¥¸Ä£¬ÒÔ¼°¸÷ÖÖ¸÷ÑùµÄÔÒò£¬ÐµÄä¯ÀÀÆ÷Ô½À´Ô½¶à£¬¶øÀϵÄ×ÜÌÔ̲»ÁË¡£Ôö³¤×ÜÊÇ¿ìÓÚÏûÍöµ¼ÖÂÁËä¯ÀÀÆ÷¼æÈÝÊdzÉÁË̸²»ÍêµÄ»°Ì⡣˵µ½ä¯ÀÀÆ÷¼æÈÝ£¬CSS HACK×ÔÈ»¶øÈ»µØ±»ÎÒÃÇÏëÆð¡£½ñÌ죬ÎÒÃÇͨ³£¶¼ÓÐÒ»¸öÍŶӻòÕß½«ÓÐÒ»¸öÍŶӵÄÈËÔÚÒ»¸ö¹«Ë¾ÀïÃæ×öÏàͬµÄÊ£¬ÐèÒªÎÒÃÇÓÐͳһµÄ¹æ·¶À´½øÐÐCoding£¬ÒÔ·½ ......
Ê×ÏÈÒ»µãÐèÒªÖªµÀ£¬
ÿ¸öä¯ÀÀÆ÷¶¼ÓÐ×Ô¼ºÄ¬ÈϵÄĬÈÏÑùʽ£¬ÎªÁËÈÃÒ³ÃæÄÚÈÝÏÔʾÔÚä¯ÀÀÆ÷ÖÐËùÏ£ÍûµÄλÖ㬶ø²»ÊǼ̳ÐĬÈÏÑùʽ£¬¾ÍÐèÒªÔÚbodyÑ¡ÔñÆ÷ÖÐÖØÐÂÉ趨marginºÍpaddingµÄÊôÐÔÖµ¡£
ÈçÏÂËùʾ£º
body
{
margin:0;
border:0;
}
Æä´Î£¬Á·Ï°Ê±ÓÃÕâ¸öÀý×Ó£º
htmlÄÚÈÝ£º
<body >
&nbs ......
ÔÚtable ÖпØÖƵ¥Ôª¸ñÖ®¼äµÄ¼ä¾àÒªÓõ½cellspacing¡¢cellpadding£¬Ä¬ÈÏÇé¿öcellspacing¡¢cellpadding¾ù²»Îª0£¬µ«¾³£µÄ×´¿öΪÁ˲»ÈÃtableµ¥Ôª¸ñÖ®¼äµÄ¼ä¾àÓ°Ïìµ½ÃÀ¹Û£¬ÎÒÃǾ³£»á°Ñcellspacing¡¢cellpaddingÉèÖÃΪ0£¬Òò´Ë¾³£¿´µ½“< table cellspacing=0 cellpadding=0>”ÕâÑùµÄ´úÂë¡£ÕâÑù×öÎÞÐÎÖÐÔö¼ÓÁË´ ......
margin£º²ãµÄ±ß¿òÒÔÍâÁôµÄ¿Õ°×
background-color£º±³¾°ÑÕÉ«
background-image£º±³¾°Í¼Æ¬
padding£º²ãµÄ±ß¿òµ½²ãµÄÄÚÈÝÖ®¼äµÄ¿Õ°×
border£º±ß¿ò
content£ºÄÚÈÝ
²½ÖèÒ»¡¢
·ÖÎöÒ»¸öµäÐ͵Ķ¨ÒådivÀý×Ó£º
#sample{
margin:10px;
border: #111 10px solid;
......