css hack
1. ÔÚFireFoxÏ£¬µ¼º½À¸¾ÓÖУ¬µ«Ö÷ÌåÄÚÈÝÀ¸È´ÊÇ×ó¶ÔÆë¡£
ÔÚdivÀïµÄÄÚÈÝ£¬IEĬÈÏΪcenter£¬¶øFireFoxĬÈÏΪleft¡£Èç¹ûÏëÒªÈÃÆä¾ÓÖУ¬¸ÕÐèÒªÔÚCSSÖÐÌí¼Ó£º
margin-left: auto; margin-right: auto;
ÕâÑù¾ÍÊǸæËßFireFox£¬×óÓÒÒ»Ö£¬ÊµÏÖ¾ÓÖС££¨¾Ý˵£¬Õâ²»ÊÇÍòÄܵġ£µ«Î񵀮¤·ô¾ÓÖÐÁË¡££©
2. ÔÚFireFoxÏ£¬ÓÐЩЧ¹û²»ÄܼæÈÝIEϵÄЧ¹û¡£ÀýÈ磬Îҵĵ¼º½ÒªÇóÖ®¼äÓÐ10pxµÄ¿í¶È£¨Èç¹ûBLOGÏÖÔ򵀮¤·ôÊÇ“SamTo”µÄ»°£¬¿ÉÒÔ¿´µ½Ð§¹û£©£¬µ«ÊÇFireFoxÈ´²»ÐС£
ÎÒÃÇ¿ÉÔÙÌí¼ÓÒ»¸öpadding-left:10px; ÈÃFireFoxʵÏÖÕâ¸öЧ¹û£¬µ«Äã»á·¢ÏÖÔÚIEÖУ¬Õâ¸öЧ¹ûµÄ¿í¶È±ä³ÉÁË20px¡£ÏÔÈ»£¬Õâ²¢²»·ûºÏÎÒµÄÒªÇó¡£
ÕâÀïÔÙÒª¸Ð̾һÏ£¬CSSµÄ¼æÈݺͱê×¼¡£Ê×ÏÈÀ´¿´Ò»Ï£¬Çø±ð²»Í¬ä¯ÀÀÆ÷£¬CSS hack µÄд·¨¡£
IE¶¼ÄÜʶ±ð *¡¡±ê×¼ä¯ÀÀÆ÷(ÈçFireFox)²»ÄÜʶ±ð *
IE6ÄÜʶ±ð *¡¡ µ«²»ÄÜʶ±ð !important
IE7ÄÜʶ±ð *¡¡ Ò²ÄÜʶ±ð !important
FF²»ÄÜʶ±ð *¡¡µ«ÄÜʶ±ð !important
IE6Ö§³ÖÏ»®Ïß _¡¡¡¡IE7ºÍFireFox¾ù²»Ö§³ÖÏ»®Ïß
CSSÖ§³ÖÓï·¨
IE6
IE7
FireFox
*
√
√
×
!important
×
√
√
_
√
×
×
ÔÚÊéдCSS´úÂëʱ£¬ÊéдµÄ˳ÐòΪFireFoxµÄдÔÚÇ°Ãæ£¬IE7µÄдÔÚÖм䣬IE6µÄдÔÚ×îºóÃæ¡£
ËùÒÔ£¬Îҵĵ¼º½µÄCSS´úÂë¾Íд³É£º
padding-left:10px; * padding-left:0px; _ padding-left:0px;
ÔÚÕâÀïûÓÐÓà !important£¬ÒòΪûÓÐЧ¹û¡£ÎÒÓÃ!importantµÄ½á¹û¾ÍÊÇ£¬IE6ºÍIE7²»¼æÈÝ£¬»òIE7ºÍFireFox²»¼æÈÝ¡£
תÌû×Ô“°Ù¶È¿Õ¼ä” http://hi.baidu.com/liuhuarun/blog/item/1a6fa8182bce30b34bedbc57.html
Ïà¹ØÎĵµ£º
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>www.zishu.cn</t ......
½ñÌì×öÒ»¸ö¹¦ÄÜ£¬¸ù¾ÝselectÔªËØÑ¡ÔñµÄ²»Í¬selectedIndexÏÏÔʾһ¸ö±í¸ñÀïÖ¸¶¨µÄtrÏî¡£
Ê×ÏÈ£º$("#table tr:gt(0)").css("display","none"); Õâ¸öûÎÊÌ⣬µ±ÒªÏÔʾµÄʱºò.css("display","block"),ÔÚFFÖв¼¾ÖһϾÍÂÒµôÁË¡£ÊÔÁ˼¸´Î¶¼ÊÇÈç´Ë£¬ÏëÁËһϣ¬ÊDz»ÊÇÔÚ ......
»ùÓÚIEÓëcssµÄ±í¸ñÐÐÍ·Óë¶à²ãÁÐÍ·Ëø¶¨·½·¨
£¨×ó±ßÍ¼Ëø¶¨ÁËÐÐÍ·ÓëÁÐÍ·£¬ÓÒ±ßͼ½öËø¶¨ÁÐÍ·£©
ÓÐÐí¶àµÄËø¶¨»ò¹Ì¶¨html±í¸ñ±íÍ·µÄ·½·¨ºÍ¼¼Êõ£¬±¾ÎĽéÉܵÄÊÇÒ»¸ö»ùÓÚIEºÍcssµÄ¼òÒ×ʵÏÖ·½·¨£¬»ù±¾Ë¼Â·Îª£ºÊ¹ÓÃdivÐм¶ÔªËØÈ·¶¨Ò»¸ö°üº¬±í¸ñµÄÇøÓò£¬ÔÚÇøÓò¹ö¶¯Òƶ¯Ê±¶¨Î»·Ç¹Ì¶¨µ¥Ôª¸ñµÄλÖã¨top/left£© ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS Hack: Çø·Ö I ......
css display µÄ²ÎÊýÁбí
Óï·¨£º
display : block | none | inline | compact | marker |
inline-table | list-item | run-in | table |table-caption |
table-cell | table-column | table-column-group |
table-footer-group | table-header-group | table-row | table-row-group
²ÎÊý£º
block : ¡¡CSS1¡¡¿é¶ ......