ÔÚ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
ÕâÑù¾Í¿ÉÒÔºÜÇÉÃîµÄ½â¾öÕâ¸öÎÊÌâ
Ïà¹ØÎĵµ£º
¿ÉÒÔ·ÅÖÃÑùʽµÄµØ·½£ºÑùʽ±í£¬<style>ºÍstyle
Ñùʽ±íÊÇÒ»¸ö¶ÀÁ¢µÄÎļþ£¬¿ÉÒÔͨ¹ý<link>ÔªËØ»òÕßcssµÄ@importÓï¾ä°ÑËü¸½¼Óµ½Ä³¸öhtmlÎĵµÖУ¬<style>ÊÇÒ»¸öhtmlÔªËØ£¬¿ÉÒÔ°ÑËüÄÚǶÔÚhtmlÎĵµÖУ¬styleÊÇÒ»¸öÊôÐÔ£¬¿ÉÒÔÄÚÖÃÔÚÈκÎhtmlÔªËØÖС£
ÒªÏë°ÑÑùʽ±íÁ¬µ½htmlÎĵµÖУ¬ÒªÔÚhtmlÎĵµÖеÄ<head> ......
¾ºÕù¹æÔò£ºcssÔÊÐí¶à´Î½«Í¬Ò»¸ö¹æÔò¸³Óèij¸öÔªËØ¡£²ãµþÅÅÐò¸ù¾Ý¹æÔòÖÐʹÓõÄÑ¡Ôñ·û½«¹æÔò»®·Ö6×飬¸ßÓÅÏȼ¶×éÀïµÄ¹æÔò»á¸²¸ÇµÍÓÅÏȼ¶×éÀïµÄ¹æÔò¡£ÆÕͨµÄÑ¡Ôñ·û»áÉèÖÃÎĵµµÄ×ÜÌåÑùʽ£¬¸ü¾ßÌåµÄÑ¡Ôñ·û»á¸²¸ÇÆÕͨѡÔñ·û£¬ÒÔΪÆäÌṩ¸ü¼ÓÌØÊâµÄÑùʽ
6¸öÑ¡Ôñ·ûȺ×飺
1. ʹÓÃ!important¹æ ......
CSSÑ¡ÔñÆ÷¿ÉÒÔ׼ȷµÄ²éÕÒµ½Ö¸¶¨µÄ±êÇ©£¬Ê¹ÓÃCSSÑ¡ÔñÆ÷¿ÉÒÔʹÎÒÃÇ·½±ãΪ±êÇ©¶¨ÒåCSSÑùʽ£¬¶ø²»ÓÃΪÿ¸ö±êÇ©¶¼¶¨ÒåCSSÑùʽ¡£
ÏÂÃæÎÒÃǽ²Ò»ÏÂ×î³£ÓõÄÎåÖÖCSSÑ¡ÔñÆ÷£º
Ò»¡¢±êÇ©Ñ¡ÔñÆ÷£ºÍ¨³£ÓÃËüÀ´²éÕÒHTMLÖеÄijһÖÖ±êÇ©¡£
ÀýÈ磺
ҪΪHTMLÖеÄËùÓÐP±êÇ©Éè¼ÆÑùʽ£¬¿ÉÒÔʹÓÃÏÂÃæµÄ·½·¨
p { font:12px;}
¶þ¡¢idÑ¡ÔñÆ÷£º Í ......
Èç¹ûÁé»îÓ¦ÓÃCSS¸÷ÖÖÂ˾µµÄÌص㲢¼ÓÒÔ×éºÏ£¬ÎÒÃÇ¿ÉÒԵõ½Ðí¶àÒâÏë²»µ½µÄЧ¹û¡£ÕâÊÇһЩЧ¹ûʾ·¶£¬¹©¸÷λ²Î¿¼¡£
ÍøÒ³ÌØЧAbc
ÓÃblurÂ˾µ×ö³öµÄЧ¹û£¬´úÂëÈçÏ£º
FILTER: blur(direction=135,strength=8)
ÍøÒ³ÌØЧAbc
ÓÃdropshadowÂ˾µ×ö³öµÄЧ¹û£¬´úÂëÈçÏ£º
FILTER: dropshadow(color=#B4BBCF,offx=6,offy=6,positi ......
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>FLYSO Blog-- JS´úÂëʵÏÖµÄ×Ô¶¯·ÖҳЧ¹û~!</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT=""& ......