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

ÍêÈ«ÓÃCSSʵÏÖ100%¸ß¶È¸²¸Ç²ã(IE7²âÊÔͨ¹ý)

ÕâÆªÎÄÕÂÊÇÔÚÈçϵØÖ·¿´µ½µÄ£º
http://www.experts-exchange.com/Web_Development/Web_Languages-Standards/CSS/Q_23302976.html
Ê×ÏÈÊÇHTML²¿·Ö£º
 
<
body>
<
 
div id="loading">
<div><img src="../images/loading.gif" /><span>Please Wait</span></div>
</div>
</
body>
È»ºóCSSÊDz¿·Ö,×öÁËЩÐ޸ģº
body,
 
 
 
html
{
 
 
margin:0
;
 
 
height:100%
;
 
 
min-height:100%
;
}
#loading
 
 
 
{
 
 
background:#ccc
;
 
 
position:absolute
;
 
 
top: 0
;
 
 
left: 0
;
 
 
min-height:100%
;
 
 
height:auto !important
;
 
 
height:100%
;
 
 
width:100%
;
 
 
filter:alpha(opacity=50)
;
 
 
opacity:0.5
;
 
 
-moz-opacity: .50
;
ÕâÀï×î×ÜÒªµÄÊÇ£ºheight:auto !important;
 
 
 
 
 


Ïà¹ØÎĵµ£º

³£ÓõÄcssÑùʽ

×ÖÌå
font-family: ×ÖÌåÃû³Æ
Èç¹ûÔÚ
font-familyºó¼ÓÉ϶àÖÖ×ÖÌåµÄÃû³Æ£¬ä¯ÀÀÆ÷»Ø°´×ÖÌåÃû³ÆµÄ˳ÐòÖðÒ»ÔÚÓû§µÄ¼ÆËã»úÀïѰÕÒÒѾ­°²×°µÄ×ÖÌ壬һµ©Óöµ½ÓëÒªÇóµÄÏàÆ¥ÅäµÄ×ÖÌ壬¾Í°´Õâ
ÖÖ×ÖÌåÏÔÊ¾ÍøÒ³ÄÚÈÝ£¬²¢Í£Ö¹ËÑË÷£»Èç¹û²»Æ¥Åä¾Í¼ÌÐøËÑË÷£¬Ö±µ½ÕÒµ½ÎªÖ¹£¬ÍòÒ»Ñùʽ±íÀïµÄËùÓÐ×ÖÌ嶼ûÓа²×°µÄ»°£¬ä¯ÀÀÆ÷¾Í»áÓÃ×Ô¼ºÄ¬Èϵ ......

CSS¹ØÓÚIE8¼æÈÝÐԵĽâ¾ö°ì·¨

ʹÓÃIE8  ¿ÉÄܳöÏÖµÄÎÊÌ⣺ 
    * ÍøÒ³²¼¾Ö²»ÕûÆë
    * Îı¾»òͼÏñÖØµþ
    * JavaScript ¹¦ÄÜÓÐÎÊÌâ»ò´íÎó
Ò»°ã½â¾ö
1.дCSS Hack¡£
   ¶øºǫ́ÈËÔ±²»Éó¤ÓÚдCSS¡£
2.Ç¿ÖÆIE8ÏñIE7ÄÇÑù³ÊÏÖÄÚÈÝ¡£
   ÔÚ<head></ ......

magento Ìí¼Ócss js

magento¸ö±ðÒ³ÃæÌí¼ÓcssºÍjsÎļþ£¬¿ÉÒÔ½«Æä·ÅÔÚ¸ö±ðÒ³ÃæµÄxmlÖУ¬»òÕß·ÅÔÚCMSµÄlayout updateÖУ¬Æä´úÂëºÍÎļþ´æ·ÅλÖÃÈçÏÂ
<reference name="head">
<action method="addCss"><stylesheet>css/mystyles.css</stylesheet></action>
//Ìí¼Ócss mystyles.css ÎļþÔÚ /skin/frontend/Ö÷Ìâ°ü ......

CSSµÄÊ®°Ë°ã¼¼ÇÉ

·­Ò룺°¢½Ý
Ô­ÎÄ×÷ÕߣºRoger Johansson
×÷Õß¼ò½é£º×¡ÔÚÈðµä¸çµÂ±¤£¬1994Ä꿪ʼ½Ó´¥ºÍ²ÎÓëwebÉè¼Æ£¬456 Berea StreetÊÇËûµÄסַ£¬Òò´Ë²ÉÓÃÕâ¸öÃû×Ö×÷ΪËûµÄ¸öÈËÖ÷Ò³ÓòÃû Ô­Îijö´¦£ºwww.456bereastreet.com
°¢½Ý˵Ã÷£º´ËÎÄÔ­Ãû"CSS tips and tricks"£¬ÓÐ2ƪ£¬ÎÒ½«ËüÃǺϲ¢·­ÒëÔÚ±¾ÎÄÖС£
±¾ÎÄ×ܽáÁËÎÒ¿ªÊ¼Ê¹ÓÃCSS²¼¾Ö· ......

div+css³åÍ»

ÔÚÖÆ×÷Ò»¸ö¸¡¶¯Í¼Æ¬ÓÃÓÚÍøÕ¾ÏÔʾʱ£¬³öÏÖͼƬ¹Ì¶¨²»¸¡¶¯£¬×îÖÕ¼ì²é·¢ÏÖ DIV¸¡¶¯Óë
http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd³åÍ»
È¥µôÕâ¶Î¿ÉÔÝʱʵÏÖ¸¡¶¯¡£
µ«´Ë´úÂë²»¿ÉËæÒâÈ¥µô£¬È¥µôºóÓֻᵼÖÂDIVijЩÊôÐÔ»ìÂÒ¡£ÐҺô˴ÎÔÝʱ²»Ê¹ÓÃijЩ¹¦ÄÜ
ÁÙʱ½â¾ö°ì·¨£¬ÆÚ´ý¸üºÃµÄ½â¾ö°ì·¨ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ