ÍêÈ«ÓÃ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;
Ïà¹ØÎĵµ£º
×ÖÌå
font-family: ×ÖÌåÃû³Æ
Èç¹ûÔÚ
font-familyºó¼ÓÉ϶àÖÖ×ÖÌåµÄÃû³Æ£¬ä¯ÀÀÆ÷»Ø°´×ÖÌåÃû³ÆµÄ˳ÐòÖðÒ»ÔÚÓû§µÄ¼ÆËã»úÀïѰÕÒÒѾ°²×°µÄ×ÖÌ壬һµ©Óöµ½ÓëÒªÇóµÄÏàÆ¥ÅäµÄ×ÖÌ壬¾Í°´Õâ
ÖÖ×ÖÌåÏÔÊ¾ÍøÒ³ÄÚÈÝ£¬²¢Í£Ö¹ËÑË÷£»Èç¹û²»Æ¥Åä¾Í¼ÌÐøËÑË÷£¬Ö±µ½ÕÒµ½ÎªÖ¹£¬ÍòÒ»Ñùʽ±íÀïµÄËùÓÐ×ÖÌ嶼ûÓа²×°µÄ»°£¬ä¯ÀÀÆ÷¾Í»áÓÃ×Ô¼ºÄ¬Èϵ ......
Ò»Ö±ÒÔÀ´ÎÒ¶¼ÒÔΪcssÊÇÎÞ·¨ÏÞÖÆ×Ö·û³¤¶ÈµÄ£¬×î½ü²Å·¢ÏÖÔÀ´¿ÉÒÔÕâÑù.×î¼òµ¥µÄ¼æÈÝ·½·¨£º
.textOverflow {
width:100px;
white-space:nowrap;/*ÏÞÖÆµ¥ÐÐÊä³ö*/
text-overflow:ellipsis;/*Ö»Ö§³ÖIE6(+)*/
overflow: hidden;
-o-text-overflow: ellipsis;/*OperaרÓÃ*/
-moz-binding: url('ov.xml#ellipsis');/*firefox ......
1¡¢²»ÒªÊ¹ÓùýСµÄͼƬ×ö±³¾°Æ½ÆÌ¡£Õâ¾ÍÊÇΪºÎºÜ¶àÈ˶¼²»Óà 1px µÄÔÒò£¬Õâ²ÅÖªÏþ¡£¿í¸ß 1px µÄͼƬƽÆÌ³öÒ»¸ö¿í¸ß 200px µÄÇøÓò£¬ÐèÒª 200*200=40, 000 ´Î£¬Õ¼ÓÃ×ÊÔ´¡£
¡¡¡¡ 2¡¢Îޱ߿ò¡£ÍƼöµÄд·¨ÊÇ border:none;£¬¹þ¹þ£¬ÎÒÒ»Ö±ÔÚÓÃÕâ¸ö¡£ border:0; Ö»ÊǶ¨Òå±ß¿ò¿í¶ÈΪÁ㣬µ«±ß¿òÑùʽ¡¢ÑÕÉ«»¹Êǻᱻä¯ÀÀÆ÷½âÎö£¬Õ¼ÓÃ×Ê ......
$Smarty = new Smarty();
$Smarty->left_delimiter ='<{';
$Smarty->right_delimiter='}> ......
/* mozilla.org Base Styles
* maintained by fantasai
* (classes defined in the Markup Guide - http://mozilla.org/contribute/writing/markup)
*/
/* Suggested order:
//ÏÔʾÊôÐÔ
* display
* list-style
* position
* float
* clear
//×ÔÉíÊôÐÔ
* width
* height
* margin
* padding
* border
* ba ......