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

ÔÚfirefoxÓëIEÏÂDIV+CSS PaddingЧ¹û²»Í¬µÄ½â¾ö·½·¨

<div style="padding-top:5px;width:200px;height:15px;background-color:#ffeeee"> test </div>
ÒÔÉÏ´úÂëÔÚIEÖкÍfirefox»áÓв»Í¬µÄЧ¹û.×îÖ÷ÒªÔ­ÒòÊÇfirefox½âÊÍpadding-topÓëIEµÄЧ¹û²»Í¬
fixfox¶ÔDIV×ܸ߶ÈÊÇpadding-top+heightµÄ,¶øIEÖÐ,padding-topÊÇ°üº¬ÔÚheightÖеÄ,
Òª½â¾öÕâÒ»¸öì¶Ü,¿ÉÒÔÀûÓÃ!important
padding-top:5px;
height:10px !important;
height:15px;
ÒÔÉ϶¨ÒåÁËÁ½¸öheight, ÆäÖÐÒ»¸öºóÃæ¼ÓÁË!important , IE½«»áºöÂÔÕâ¸öÊôÐÔ,¶øʹÓúóÃæµÄheight:15px; ¶øfirefoxÈ´²»»áºöÂÔÕâ¸öÊôÐÔ, Ö±½ÓʹÓÃheight:10px
ÕâÑù¾Í¿ÉÒÔºÜÇÉÃîµÄ½â¾öÕâ¸öÎÊÌâ


Ïà¹ØÎĵµ£º

css¾«Áé

¸Õ¿´µ½Ò»ÆªÎÄÕ£¬ËäÈ»ÄÚÈÝ´óÒâ֮ǰÔ綼Á˽â¹ý£¬Ò²¶¼¿´µ½¹ýʵÀý£¬µ«ÊÇ»¹ÊÇÔÚÕâ¸öµØ·½×ܽáһϰɣº
CSS¾«Á飬¿ÉÒÔ°ÑÍøÒ³ÖеÄһЩͼƬºÏ³ÉÒ»¸öͼƬ£¬Í¨¹ýCSSÀ´¿ØÖÆÏÔʾ£¬¼õÉÙHTTPµÄÇëÇó´ÎÊý£¬ÔÚÒ»¶¨³Ì¶ÈÉÏÔö¼ÓWEBµÄ½¡×³ÐÔ¡£
¶ÔÓÚÉÙÓÚ200KµÄͼƬ£¬·þÎñÆ÷½âÎöµÄËٶȶ¼Ã»ÓÐÌرð´óµÄ²î±ð£¬µ«ÊÇͨ¹ýͼƬµÄºÏ³É£¬¿ÉÒÔ¼õÉÙHTTPµÄ´ÎÊ ......

¡¾Õª×ÔÍøÒײ©¿Í¡¿FireFoxÓëIEÖÐCSS¼æÈݼ¼Êõ¼¯ÃàÕûÀí

1.cssÔÚ²»Í¬ä¯ÀÀÆ÷ÏÂÏÔʾЧ¹û²»Í¬
firefoxºÍIE¶ÔijЩcssÑùʽµÄÈ϶¨Óв»ÉÙÇø±ð£¬°üÀ¨£º
·                            ulºÍolµÄĬÈÏpaddingÖµÊDz»Ò»ÑùµÄ£¬ÔÚFirefoxÖУ¬ ......

×Ö·û´®½ØÈ¡ÎÊÌâ css½ØÈ¡×Ö·û´®×¢ÒâÊÂÏî

<div class="llist" >
<div class="lbar">¶¨ÏòÓªÏú</div>
<ul class="lbox01" style="height: auto;min-height: 100px;">
<c:forEach var="item" items="${marketInfos.results}">
<li><div style="overflow:hidden; text-overfl ......

css僞ÀàµÄÒâÒå

僞Àà                   ÒâÒå
:first-child                       µÚÒ»¸öº¢×ÓÔªËØ
:first-line&nb ......

css hack


  IE6 IE7 IE8 Firefox Opera Google
·¶Àý
>
Y
Y
N
N
N
N
.type { >color: #F00; }
.
Y
Y
N
N
N
N
.type { .color: #F00; }
*
Y
Y
N
N
N
N
.type { *color: #F00; }
_
Y
N
N
N
N
N
.type { _color: #F00; }
!important
N
Y
Y
Y ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ