CSS hackä¯ÀÀÆ÷¼æÈÝÒ»ÀÀ±í
CSS hackÊÇÖ¸ÎÒÃÇΪÁ˼æÈݸ÷ä¯ÀÀÆ÷£¬¶øÊ¹ÓõÄÌØ±ðµÄcss¶¨Òå¼¼ÇÉ¡£ÕâÊǹúÍâÕªÀ´µÄÒ»ÕÅCSS hackÁÐ±í£¬ÏÔʾÁ˸÷ä¯ÀÀÆ÷¶Ôcss hackµÄÖ§³Ö³Ì¶È£¬¶ÔÎÒÃÇÖÆ×÷¼æÈÝÍøÒ³·Ç³£ÓаïÖú¡£
ÆÁ±ÎIEä¯ÀÀÆ÷£¨Ò²¾ÍÊÇIEϲ»ÏÔʾ£© *:lang(zh) select {font:12px !important;} /*FF,OP¿É¼û£¬ÌرðÌáÐÑ£ºÓÉÓÚOpera×î½üµÄÉý¼¶£¬Ä¿Ç°´Ë¾äֻΪFFËùʶ±ð*/
select:empty {font:12px !important;} /*safari¿É¼û*/
ÕâÀïselectÊÇÑ¡Ôñ·û£¬¸ù¾ÝÇé¿ö¸ü»»¡£µÚ¶þ¾äÊÇMACÉÏsafariä¯ÀÀÆ÷¶ÀÓеġ£ ½öIE7ÓëIE5.0¿ÉÒÔʶ±ð *+html select {…}
µ±ÃæÁÙÐèÒªÖ»Õë¶ÔIE7ÓëIE5.0×öÑùʽµÄʱºò¾Í¿ÉÒÔ²ÉÓÃÕâ¸öHACK¡£ ½öIE7¿ÉÒÔʶ±ð *+html select {…!important;}
µ±ÃæÁÙÐèÒªÖ»Õë¶ÔIE7×öÑùʽµÄʱºò¾Í¿ÉÒÔ²ÉÓÃÕâ¸öHACK¡£ IE6¼°IE6ÒÔÏÂʶ±ð * html select {…}
Õâ¸öµØ·½ÒªÌرð×¢ÒâºÜ¶à²©¿Í¶¼Ð´³ÉÁËÊÇIE6µÄHACKÆäʵIE5.xͬÑù¿ÉÒÔʶ±ðÕâ¸öHACK¡£ÆäËüä¯ÀÀÆ÷²»Ê¶±ð¡£
html/**/ >body select {…}
Õâ¾äÓëÉÏÒ»¾äµÄ×÷ÓÃÏàͬ¡£ ½öIE6²»Ê¶±ð£¬ÆÁ±ÎIE6 select { display /*ÆÁ±ÎIE6*/:none;}
ÕâÀïÖ÷ÒªÊÇͨ¹ýCSS×¢ÊÍ·Ö¿ªÒ»¸öÊôÐÔÓëÖµ£¬×¢ÊÍÔÚðºÅǰ¡£ ½öIE6ÓëIE5²»Ê¶±ð£¬ÆÁ±ÎIE6ÓëIE5 select/**/ { display /*IE6,IE5²»Ê¶±ð*/:none;}
ÕâÀïÓëÉÏÃæÒ»¾ä²»Í¬µÄÊÇÔÚÑ¡Ôñ·ûÓ뻨À¨ºÅÖ®¼ä¶àÁËÒ»¸öCSS×¢ÊÍ¡£²»ÆÁ±ÎIE5.5 ½öIE5²»Ê¶±ð£¬ÆÁ±ÎIE5 select/*IE5²»Ê¶±ð*/ {…}
ÕâÒ»¾äÊÇÔÚÉÏÒ»¾äÖÐÈ¥µôÁËÊôÐÔÇøµÄ×¢ÊÍ¡£Ö»ÓÐIE5²»Ê¶±ð£¬IE5.5¿ÉÒÔʶ±ð¡£ ºÐÄ£Ðͽâ¾ö·½·¨ selct {width:IE5.x¿í¶È; voice-family :"\"}\""; voice-family:inherit; width:ÕýÈ·¿í¶È;}
ºÐÄ£Ð͵ÄÇå³ý·½·¨²»ÊÇͨ¹ý!importantÀ´´¦ÀíµÄ¡£ÕâµãÒªÃ÷È·¡£ Çå³ý¸¡¶¯ select:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
ÔÚFirefoxÖУ¬µ±×Ó¼¶¶¼Îª¸¡¶¯Ê±£¬ÄÇô¸¸¼¶µÄ¸ß¶È¾ÍÎÞ·¨ÍêÈ«µÄ°üסÕû¸ö×Ó¼¶£¬ÄÇôÕâʱÓÃÕâ¸öÇå³ý¸¡¶¯µÄHACKÀ´¶Ô¸¸¼¶×öÒ»´Î¶¨Ò壬ÄÇô¾Í¿ÉÒÔ½â¾öÕâ¸öÎÊÌâ¡£ ½Ø×ÖÊ¡ÂԺŠselect { -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
Õâ¸öÊÇÔÚÔ½³ö³¤¶Èºó»á×ÔÐеĽصô¶à³ö²¿·ÖµÄÎÄ×Ö£¬²¢ÒÔÊ¡ÂԺŽá⣬ºÜºÃµÄÒ»¸ö¼¼Êõ¡£Ö»ÊÇĿǰFirefox²¢²»Ö§³Ö¡£ Ö»ÓÐOperaʶ±ð @media all and (min-width: 0px){ select {……} }
Õë¶ÔOperaä¯ÀÀÆ÷×öµ¥¶ÀµÄÉ趨¡£
ÒÔÉ϶¼ÊÇдCSSÖеÄһЩHACK£¬
Ïà¹ØÎĵµ£º
¹ØÓÚCSS¶Ô¸÷¸öä¯ÀÀÆ÷¼æÈÝÒѾÊÇÀÏÉú³£Ì¸µÄÎÊÌâÁË£¬.ÒÔÏÂÄÚÈÝûÓÐÌ«¶àÐÂÓ±, ´¿Êô¸öÈË×ÛºÏÍøÉϵÄÎÄÕÂËùµÃ, ÓÐÐ©ÖØ¸´µÄ£¬ÀÁµÄɾÁË
Ò»¡¢CSS HACK
HACK¸ÅÄ
²»Í¬µÄä¯ÀÀÆ÷£¬±ÈÈçInternet Explorer 6,Internet Explorer 7,Mozilla FirefoxµÈ£¬¶ÔCSSµÄ½âÎöÈÏʶ²»Ò»Ñù£¬Òò´Ë»áµ¼ÖÂÉú³ÉµÄÒ³ÃæÐ§¹û²»Ò»Ñù£¬µÃ²»µ½ ......
Ëĸöcss¹¤¾ß£ºfonts,grids,reset,base
Ê¹ÔªËØ±ê×¼»¯µÄreset.css
ÒÔÏÂÆÕͨ¶ø³£ÓõÄÔªËØ¶¼½«marginºÍpaddingÖµ±ê×¼»¯µ½0
the document body
div and p
ËùÓÐlist ÔªËØ£ºdl,dt,dd,ul,ol,li
±êÌâ¼¶ÔªËØ£ºh1,h2,h3,h4,h5,h6
preºÍblockquoteÔªËØ
ijЩ±íµ¥ÔªËØ£ºform,fieldset,input,textarea
tableÔªËØ£ºt ......
¸Õ¿ªÊ¼Ñ§Ï°zend framework £¬¶ÔÓÚ·¾¶ÎÊÌ⻹ÊÇûŪÃ÷°×£¬ÒÔÖÁÓÚͼƬ²»ÄÜÕý³£ÏÔʾ£¬ËѱéÁËGoogleÖÕÓÚÕÒµ½Ò»¸ö½â¾ö°ì·¨¡£¾ßÌå½â¾ö°ì·¨ÈçÏ£º
ÔÚ.htaccessÖÐÓÃÏÂÃæÕâ¶Î´úÂë´úÌæÔÓдúÂë
# Zend Framework rewrite¹æÔò
RewriteEngine on
RewriteCond
%{REQUEST_FILENAME} !-f
RewriteRule .* index.php
#
°²È«ÐÔ¿¼ÂÇ£ ......
¼ò½é¡¡¡¡
ʲôÊÇCSS hack(http://www.cssplay.org.cn/css-hack/index.html)ÓÉÓÚ²»Í¬µÄä¯ÀÀÆ÷£¬±ÈÈçInternet Explorer 6,Internet Explorer 7,Mozilla FirefoxµÈ£¬¶ÔCSSµÄ½âÎöÈÏʶ²»Ò»Ñù£¬Òò´Ë»áµ¼ÖÂÉú³ÉµÄÒ³ÃæÐ§¹û²»Ò»Ñù£¬µÃ²»µ½ÎÒÃÇËùÐèÒªµÄÒ³ÃæÐ§¹û¡£
¡¡¡¡Õâ¸öʱºòÎÒÃǾÍÐèÒªÕë¶Ô²»Í¬µÄä¯ÀÀÆ÷ ......
Eric Meyer’s CSS Reset
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, fo ......