ÍêÈ«ÓÃ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;
Ïà¹ØÎĵµ£º
ʹÓÃIE8 ¿ÉÄܳöÏÖµÄÎÊÌ⣺
* ÍøÒ³²¼¾Ö²»ÕûÆë
* Îı¾»òͼÏñÖØµþ
* JavaScript ¹¦ÄÜÓÐÎÊÌâ»ò´íÎó
Ò»°ã½â¾ö
1.дCSS Hack¡£
¶øºǫ́ÈËÔ±²»Éó¤ÓÚдCSS¡£
2.Ç¿ÖÆIE8ÏñIE7ÄÇÑù³ÊÏÖÄÚÈÝ¡£
ÔÚ<head></ ......
Ò»Ö±ÒÔÀ´ÎÒ¶¼ÒÔΪ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 ......
·Ò룺°¢½Ý
ÔÎÄ×÷ÕߣºRoger Johansson
×÷Õß¼ò½é£º×¡ÔÚÈðµä¸çµÂ±¤£¬1994Ä꿪ʼ½Ó´¥ºÍ²ÎÓëwebÉè¼Æ£¬456 Berea StreetÊÇËûµÄסַ£¬Òò´Ë²ÉÓÃÕâ¸öÃû×Ö×÷ΪËûµÄ¸öÈËÖ÷Ò³ÓòÃû ÔÎijö´¦£ºwww.456bereastreet.com
°¢½Ý˵Ã÷£º´ËÎÄÔÃû"CSS tips and tricks"£¬ÓÐ2ƪ£¬ÎÒ½«ËüÃǺϲ¢·ÒëÔÚ±¾ÎÄÖС£
±¾ÎÄ×ܽáÁËÎÒ¿ªÊ¼Ê¹ÓÃCSS²¼¾Ö· ......
ÈýÖÖÒýÓÃ2010-03-14 17:45:36
ÄÚÁª¶¨Òå>ÍâÁ´ÒýÓÃ>ÄÚÁª¿é¶¨Òå
1.ÄÚÁª¶¨Òå
<a stype="XXX">
2 ......
ÔÚÖÆ×÷Ò»¸ö¸¡¶¯Í¼Æ¬ÓÃÓÚÍøÕ¾ÏÔʾʱ£¬³öÏÖͼƬ¹Ì¶¨²»¸¡¶¯£¬×îÖÕ¼ì²é·¢ÏÖ DIV¸¡¶¯Óë
http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd³åÍ»
È¥µôÕâ¶Î¿ÉÔÝʱʵÏÖ¸¡¶¯¡£
µ«´Ë´úÂë²»¿ÉËæÒâÈ¥µô£¬È¥µôºóÓֻᵼÖÂDIVijЩÊôÐÔ»ìÂÒ¡£ÐҺô˴ÎÔÝʱ²»Ê¹ÓÃijЩ¹¦ÄÜ
ÁÙʱ½â¾ö°ì·¨£¬ÆÚ´ý¸üºÃµÄ½â¾ö°ì·¨ ......