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

CSS HACKÔ­Àí¼ò½é

¼ò½é¡¡¡¡
    Ê²Ã´ÊÇCSS hack(http://www.cssplay.org.cn/css-hack/index.html)ÓÉÓÚ²»Í¬µÄä¯ÀÀÆ÷£¬±ÈÈçInternet Explorer 6,Internet Explorer 7,Mozilla FirefoxµÈ£¬¶ÔCSSµÄ½âÎöÈÏʶ²»Ò»Ñù£¬Òò´Ë»áµ¼ÖÂÉú³ÉµÄÒ³ÃæÐ§¹û²»Ò»Ñù£¬µÃ²»µ½ÎÒÃÇËùÐèÒªµÄÒ³ÃæÐ§¹û¡£
¡¡¡¡Õâ¸öʱºòÎÒÃǾÍÐèÒªÕë¶Ô²»Í¬µÄä¯ÀÀÆ÷ȥд²»Í¬µÄCSS£¬ÈÃËüÄܹ»Í¬Ê±¼æÈݲ»Í¬µÄä¯ÀÀÆ÷£¬ÄÜÔÚ²»Í¬µÄä¯ÀÀÆ÷ÖÐÒ²Äܵõ½ÎÒÃÇÏëÒªµÄÒ³ÃæÐ§¹û¡£
¡¡¡¡Õâ¸öÕë¶Ô²»Í¬µÄä¯ÀÀÆ÷д²»Í¬µÄCSS codeµÄ¹ý³Ì£¬¾Í½ÐCSS hack,Ò²½ÐдCSS hack¡£
CSS HackµÄÔ­ÀíÊÇʲô
¡¡¡¡ÓÉÓÚ²»Í¬µÄä¯ÀÀÆ÷¶ÔCSSµÄÖ§³Ö¼°½âÎö½á¹û²»Ò»Ñù£¬»¹ÓÉÓÚCSSÖеÄÓÅÏȼ¶µÄ¹ØÏµ¡£ÎÒÃǾͿÉÒÔ¸ù¾ÝÕâ¸öÀ´Õë¶Ô²»Í¬µÄä¯ÀÀÆ÷À´Ð´²»Í¬µÄCSS¡£
¡¡¡¡±ÈÈç IE6ÄÜʶ±ðÏ»®Ïß"_"ºÍÐǺÅ" * "£¬IE7ÄÜʶ±ðÐǺÅ" * "£¬µ«²»ÄÜʶ±ðÏ»®Ïß"_"£¬¶øfirefoxÁ½¸ö¶¼²»ÄÜÈÏʶ¡£µÈµÈ
¡¡¡¡Êéд˳Ðò£¬Ò»°ãÊǽ«Ê¶±ðÄÜÁ¦Ç¿µÄä¯ÀÀÆ÷µÄCSSдÔÚºóÃæ¡£ÏÂÃæÈçºÎдÀïÃæËµµÃ¸üÏêϸЩ¡£
ÈçºÎдCSS Hack
¡¡¡¡±ÈÈçÒª·Ö±æIE6ºÍfirefoxÁ½ÖÖä¯ÀÀÆ÷£¬¿ÉÒÔÕâÑùд£º
¡¡¡¡<style>
¡¡¡¡div{
¡¡¡¡background:green; /* for firefox */
¡¡¡¡*background:red; /* for IE6 */
¡¡¡¡}
¡¡¡¡</style>
¡¡¡¡ÎÒÔÚIE6Öп´µ½ÊǺìÉ«µÄ£¬ÔÚfirefoxÖп´µ½ÊÇÂÌÉ«µÄ¡£
¡¡¡¡½âÊÍһϣº
¡¡¡¡ÉÏÃæµÄcssÔÚfirefoxÖУ¬ËüÊÇÈÏʶ²»Á˺óÃæµÄÄǸö´øÐǺŵĶ«¶«ÊÇʲôµÄ£¬ÓÚÊǽ«Ëü¹ýÂ˵ô£¬²»ÓèÀí²Ç£¬½âÎöµÃµ½µÄ½á¹ûÊÇ:div{background:green},ÓÚÊÇÀíËùµ±È»Õâ¸ödivµÄ±³¾°ÊÇÂÌÉ«µÄ¡£
¡¡¡¡ÔÚIE6ÖÐÄØ£¬ËüÁ½¸öbackground¶¼ÄÜʶ±ð³öÀ´£¬Ëü½âÎöµÃµ½µÄ½á¹ûÊÇ:div{background:green;background:red;},ÓÚÊǸù¾ÝÓÅÏȼ¶±ð£¬´¦ÔÚºóÃæµÄredµÄÓÅÏȼ¶¸ß£¬ÓÚÊǵ±È»Õâ¸ödivµÄ±³¾°ÑÕÉ«¾ÍÊǺìÉ«µÄÁË¡£
¡¡¡¡CSS hack:Çø·ÖIE6£¬IE7£¬firefox
¡¡¡¡Çø±ð²»Í¬ä¯ÀÀÆ÷£¬CSS hackд·¨£º
¡¡¡¡Çø±ðIE6ÓëFF£º
¡¡¡¡background:orange;*background:blue;
¡¡¡¡Çø±ðIE6ÓëIE7£º
¡¡¡¡background:green !important;background:blue;
¡¡¡¡Çø±ðIE7ÓëFF£º
¡¡¡¡background:orange; *background:green;
¡¡¡¡Çø±ðFF£¬IE7£¬IE6£º
¡¡¡¡background:orange;*background:green;_background:blue;
¡¡¡¡background:orange;*background:green !important;*background:blue;
¡¡¡¡×¢£ºIE¶¼ÄÜʶ±ð*;±ê×¼ä¯ÀÀÆ÷(ÈçFF)²»ÄÜʶ±ð*£»
¡¡¡¡IE6ÄÜʶ±ð*£¬Ä³Ð©Çé¿öϲ»ÄÜʶ±ð !important,
¡¡¡¡-------------------------------


Ïà¹ØÎĵµ£º

ʹÓÃcss¸Ä±ä±í¸ñ±ß¿òÑùʽ

¡ô ÍøÒ³Æ½Ãæ¶àýÌåÅàѵ¡¢ÈÏÖ¤¿¼ÊÔÃâ·Ñ×ÉѯÈÈÏß:400-700-5807   ½øÈëÍøÂç×Éѯƽ̨ ¡ô
ÓÃCSS¸Ä±ä±í¸ñ±ß¿òÑùʽ£¬ºÜʵÓõÄÒ»ÖÖ·½·¨¡£
ÖÆ×÷·½·¨£º
½«ÏÂÃæµÄ´úÂë¸´ÖÆµ½<body>~</body>À´ËΪÒþ²ØÏ±߿ò
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; bo ......

µÝ¹éʵÏÖ¶¯Ì¬CSS²Ëµ¥

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="LeftMenu.ascx.cs" Inherits="LeftMenu" %>
<mce:style type="text/css"><!--
body {
margin: 0;
padding: 30px;
background: #FFF;
color: #666;
}
h1 {
font: bold 16px Arial, Helvetica, sans-serif;
}
p {
font: 11px Arial, ......

ÍøÒ³¹ö¶¯ÌõCSSÑùʽ

¹ö¶¯ÌõÑùʽÖ÷񻃾¼°µ½ÈçÏÂCSSÊôÐÔ:
overflowÊôÐÔ: ¼ìË÷»òÉèÖõ±¶ÔÏóµÄÄÚÈݳ¬¹ýÆäÖ¸¶¨¸ß¶È¼°¿í¶ÈʱÈçºÎÏÔʾÄÚÈÝ
overflow: auto; ÔÚÐèҪʱÄÚÈÝ»á×Ô¶¯Ìí¼Ó¹ö¶¯Ìõ
overflow: scroll; ×ÜÊÇÏÔʾ¹ö¶¯Ìõ
overflow-x: hidden; ½ûÖ¹ºáÏòµÄ¹ö¶¯Ìõ
overflow-y: scroll; ×ÜÊÇÏÔʾ×ÝÏò¹ö¶¯Ìõ
width: 568px; width: 98%; ÉèÖÃÇøÓòµÄ ......

zend framework ͼƬÒÔ¼°css·¾¶ÎÊÌâ

¸Õ¿ªÊ¼Ñ§Ï°zend framework £¬¶ÔÓÚ·¾¶ÎÊÌ⻹ÊÇûŪÃ÷°×£¬ÒÔÖÁÓÚͼƬ²»ÄÜÕý³£ÏÔʾ£¬ËѱéÁËGoogleÖÕÓÚÕÒµ½Ò»¸ö½â¾ö°ì·¨¡£¾ßÌå½â¾ö°ì·¨ÈçÏ£º
ÔÚ.htaccessÖÐÓÃÏÂÃæÕâ¶Î´úÂë´úÌæÔ­ÓдúÂë
# Zend Framework rewrite¹æÔò
RewriteEngine on
RewriteCond
%{REQUEST_FILENAME} !-f
RewriteRule .* index.php
#
°²È«ÐÔ¿¼ÂÇ£ ......

DIV CSSÍøÒ³²¼¾Ö¼æÈÝÐÔµÄÒªµãÓë¾÷ÇÏ×Ü

IE vs FF
CSS ¼æÈÝÒªµã£ºDOCTYPE Ó°Ïì CSS ´¦Àí
FF: div ÉèÖà margin-left, margin-right Ϊ auto ʱÒѾ­¾ÓÖÐ, IE ²»ÐÐ
FF: body ÉèÖà text-align ʱ, div ÐèÒªÉèÖà margin: auto(Ö÷ÒªÊÇ margin-left,margin-right) ·½¿É¾ÓÖÐ
FF: ÉèÖà padding ºó, div »áÔö¼Ó height ºÍ width, µ« IE ²»»á, ¹ÊÐèÒªÓà !important ¶àÉèÒ» ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ