div+cssѧϰ±Ê¼Ç£¨Firefox hr ¼æÈÝÎÊÌ⣩
Firefox hr
¼æÈÝÎÊÌ⣬ÔÚieÖÐÕý³£ÏÔʾµÄhrÊôÐÔÉèÖã¬ÔÚFirefoxÀïÃæ²»¹ÜÔõôŪ¶¼ÊÇËûÂèµÄ²»³öÀ´£¬¸ÄÁ˲»ÉÙÊôÐÔ£¬µ÷ÕûÁËλÖã¬Í¬Ê±ËÑË÷Á˲»ÉÙÎÄÕ£¬ÈÔÈ»²»
ÐУ¬×îºó¿´µ½Ò»ÆªÎÄÕÂ˵ffÖбØÐëÉèÖñ³¾°ÑÕÉ«²ÅÓÐЧ¹ûµÄ£¬ÕæÊÇxxxµÄ£¬ÕâÖÖÎÊÌâ×Ô¼º±ÕÃÅÔì³µµÄ»°ÕûÉϸöÈýÌìÈýÒ¹¶¼ÕÒ²»µ½½â¾ö°ì·¨°¡£¡
°Ñ´úÂëÌù³öÀ´·ÖÏíÏ£º
hr {
width:415px; color:#FF0000; background:#FF0000; border:thin; height:1px;
text-align:left;
}
.imghrcontent {
position: absolute; left: 145px; top: 65px;
}
<hr class="imghrcontent" />
²Î¿¼×ÊÁÏ£º
ͨ³£ÎÒÃǶ¼»á¶¨Òå HR µÄÏÔʾÍâ¹Û, ÀýÈçÏÔʾµ¥ÐеÄϸÏß, Ïñ wiki ÕâÀïÏÔʾµÄÕâÑù. ²»¹ýÔÚ Firefox ä¯ÀÀÆ÷ÖÐ,
ÕâÑùµÄ¶¨Òå»áûÓÐÈκÎЧ¹ûÉõÖÁ»á¿´²»µ½ºáÏß:
HR {
COLOR
:
#
468cad
; height
:
1px; border
:
0;
}
µ«ÊÇÖ»Òª¼ÓÈë±³¾°É«ÊôÐÔ, ¾ÍÄÜÏÔʾÁË:
HR {
color
:
#
468cad
; background
:
#
468cad
; border
:
0; Height
:
1px;
}
£££££££££££
ÒòΪIEºÍFirefox¶ÔhrĬÈϵĸ÷ÖÖÊôÐÔmargin£¬paddingµÈµÈ¶¼²»Ò»Ñù£¬ËùÒÔ¶¨ÒåΪ0ҲûÓá£
¡¡¡¡ÎÒÃÇ¿ÉÒÔͨ¹ýÏÂÃæµÄCSS hackÀ´½â¾ö£º
Example Source Code [www.52css.com]
hr.ducky{
margin-bottom:1px !important;
>margin-bottom:8px !important;
margin-bottom:8px
}
¡¡¡¡²»Ö»ÊÇÕë¶Ôhr£¬ÕâÖ»ÊÇÒ»¸öÀý×Ó¡£IE6ºÍIE7¶Ôhr±ß¾àmarginµÄ½âÊÍÊÇÒ»ÑùµÄ£¬ËùÒÔ¶¼¶¨Îª8px£¬FirefoxÓëIEÓÐÇø±ð£¬Ï±߾àÖ»ÄÜΪ1px¡£
¡¡¡¡µÚÒ»ÌõIE6£¬IE7£¬Firefox¶¼¶Á¶®£¬Õâʱºò¶¼ÊÇ1px£»µÚ¶þÌõIE6£¬IE7ÄܶÁ¶®£¬¶¼ÓõڶþÌõµÄ8px¸²¸ÇÁ˵ÚÒ»ÌõµÄ1px£¬Firefox²»¶®£¬Ìøµ½·ÖºÅÒÔºóµÄÏÂÒ»Ìõ£¬ÕâʱºòIE6£¬IE7ÊÇ8px£¬FFÊÇ1px;µÚÈý¾äIE6£¬IE7£¬FF¶¼¶Á¶®£¬ÒòΪIE6±¾ÉíµÄBUG£¬ËùÒÔÓõÚÈýÌõ¸²¸ÇÁ˵ڶþÌõ£¬IE7ÒòΪµÚ¶þÌõµÄ!importantËùÒÔºöÊÓµÚÈýÌõ£¬FFͬÀíºöÊÓµÚÈýÌõ¡£
¡¡¡¡Õâ¸öʱºò£¬IE6¿´µÚÈýÌõ£¬IE7¿´µÚ¶þÌõ£¬FF¿´µÚÒ»Ìõ¡£ËäÈ»ÔÚÕâ¸öÀý×ÓÀµÚÈýÌõûÓбØÒª£¬ÒòΪIE6ÓëIE7¶ÔhrµÄ½âÊÍÊÇÒ»ÑùµÄ£¬µ«ÊÇÕâÀïÊÇ¿ÉÒÔ¶ÔÈýÖÖä¯ÀÀÆ÷°æ±¾¸³Ó費ͬµÄÖµ¡£
¡¡¡¡dUckyÈÏΪ×îºÃµÄÇé¿ö¾ÍÊDz»ÓÃhack£¬Ö»ÒªÐ´µÄ¹æ·¶£¬Ò»°ãÎÊÌâ²»´ó£¬Èç¹ûÓÐһЩ²
Ïà¹ØÎĵµ£º
IEµÄÎÊÌ⣺
Ò».Ë«±ß¾àÎÊÌâ
¸¡¶¯ÔªËصÄÍâ±ß¾à»á¼Ó±¶£¬µ«ÓëµÚÒ»¸ö¸¡¶¯ÔªËØÏàÁÚµÄÆäËû¸¡¶¯ÔªËØÍâ±ß¾à²»»á¼Ó±¶¡£
½â¾ö·½·¨£ºÔڴ˸¡¶¯ÔªËØÔö¼ÓÑùʽ display:inline;
¶þ.ͼƬ²úÉúµÄ¼ä϶
¸¸ÔªËØÖ±½Ó°üº¬<img>£¬Õâ¸öͼƬÏ·½»áºÍ¸¸ÔªËرßÔµ²úÉú¼ä϶¡£
½â¾ø·½·¨£º1.ÔÚÔ´´úÂëÖÐÈÃ</div>ºÍ<img>ÔÚÍ ......
ÈËÒ»µ©Ï°¹ßÁËijЩ¶«Î÷¾ÍºÜÄÑÈ¥¸Ä£¬ÒÔ¼°¸÷ÖÖ¸÷ÑùµÄÔÒò£¬ÐµÄä¯ÀÀÆ÷Ô½À´Ô½¶à£¬¶øÀϵÄ×ÜÌÔ̲»ÁË¡£Ôö³¤×ÜÊÇ¿ìÓÚÏûÍöµ¼ÖÂÁËä¯ÀÀÆ÷¼æÈÝÊdzÉÁË̸²»ÍêµÄ»°Ì⡣˵µ½ä¯ÀÀÆ÷¼æÈÝ£¬CSS HACK×ÔÈ»¶øÈ»µØ±»ÎÒÃÇÏëÆð¡£½ñÌ죬ÎÒÃÇͨ³£¶¼ÓÐÒ»¸öÍŶӻòÕß½«ÓÐÒ»¸öÍŶӵÄÈËÔÚÒ»¸ö¹«Ë¾ÀïÃæ×öÏàͬµÄÊ£¬ÐèÒªÎÒÃÇÓÐͳһµÄ¹æ·¶À´½øÐÐCoding£¬ÒÔ·½ ......
ÔÚtable ÖпØÖƵ¥Ôª¸ñÖ®¼äµÄ¼ä¾àÒªÓõ½cellspacing¡¢cellpadding£¬Ä¬ÈÏÇé¿öcellspacing¡¢cellpadding¾ù²»Îª0£¬µ«¾³£µÄ×´¿öΪÁ˲»ÈÃtableµ¥Ôª¸ñÖ®¼äµÄ¼ä¾àÓ°Ïìµ½ÃÀ¹Û£¬ÎÒÃǾ³£»á°Ñcellspacing¡¢cellpaddingÉèÖÃΪ0£¬Òò´Ë¾³£¿´µ½“< table cellspacing=0 cellpadding=0>”ÕâÑùµÄ´úÂë¡£ÕâÑù×öÎÞÐÎÖÐÔö¼ÓÁË´ ......
1.CSS×ÖÌåÊôÐÔ¼òд¹æÔòÒ»°ãÓÃCSSÉ趨×ÖÌåÊôÐÔÊÇÕâÑù×öµÄ£º
font-weight:bold;
font-style:italic;
font-varient:small-caps;
font-size:1em;
line-height:1.5em;
font-family:verdana,sans-serif;
µ«Ò²¿ÉÒÔ°ÑËüÃÇÈ«²¿Ð´µ½Ò»ÐÐÉÏÈ¥£º
font: bold italic small-caps 1em/1.5em verdana,sans ......
¿´µ½ÎÊ´ËÎÊÌâµÄºÜ¶à£¬ËùÒÔ»¨µãʱ¼äÕûÀíÏ£¬»¶Ó´ó¼ÒÌáÒâ¼û£¬×ö²¹³äÐ޸ģ¬Ð»Ð»£¡
/*lesliezmzÕûÀíµÄ·½·¨ 2010-01-19*/
µ±writing-modeΪtb-rl ʱ£¬ÎĵµÁ÷ÊÇ´ÓÉϵ½Ï£¬´ÓÓÒµ½×óÊéд¡£È»ºóÉèÖÃtext-align: center¾Í¿ÉÒÔʵÏÖ´¹Ö±·½ÏòÉϵľÓÖС£ËãÊÇÒ»¸öС¼¼ÇÉ°É¡£
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transiti ......