ÍêÈ«ÓÃ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ºó¼ÓÉ϶àÖÖ×ÖÌåµÄÃû³Æ£¬ä¯ÀÀÆ÷»Ø°´×ÖÌåÃû³ÆµÄ˳ÐòÖðÒ»ÔÚÓû§µÄ¼ÆËã»úÀïѰÕÒÒѾ°²×°µÄ×ÖÌ壬һµ©Óöµ½ÓëÒªÇóµÄÏàÆ¥ÅäµÄ×ÖÌ壬¾Í°´Õâ
ÖÖ×ÖÌåÏÔÊ¾ÍøÒ³ÄÚÈÝ£¬²¢Í£Ö¹ËÑË÷£»Èç¹û²»Æ¥Åä¾Í¼ÌÐøËÑË÷£¬Ö±µ½ÕÒµ½ÎªÖ¹£¬ÍòÒ»Ñùʽ±íÀïµÄËùÓÐ×ÖÌ嶼ûÓа²×°µÄ»°£¬ä¯ÀÀÆ÷¾Í»áÓÃ×Ô¼ºÄ¬Èϵ ......
ʹÓÃIE8 ¿ÉÄܳöÏÖµÄÎÊÌ⣺
* ÍøÒ³²¼¾Ö²»ÕûÆë
* Îı¾»òͼÏñÖØµþ
* JavaScript ¹¦ÄÜÓÐÎÊÌâ»ò´íÎó
Ò»°ã½â¾ö
1.дCSS Hack¡£
¶øºǫ́ÈËÔ±²»Éó¤ÓÚдCSS¡£
2.Ç¿ÖÆIE8ÏñIE7ÄÇÑù³ÊÏÖÄÚÈÝ¡£
ÔÚ<head></ ......
Æð³õµÄHTMLµÄÉè¼ÆÖ»ÊǶ¨ÒåÎĵµÄÚÈÝÓ㬶ø¶ÔÓÚÎĵµ²¼¾ÖÔòÓÉä¯ÀÀÆ÷À´Íê³É¡£ºóÀ´ÓÉÓÚä¯ÀÀÆ÷·þÎñÉ̲»¶ÏµØ½«ÐµĹ淶ÖУ¬Ê¹µÃ´´½¨ÎĵµÄÚHTML±êÇ©Ìí¼Óµ½HTMLÈÝÇåжÀÁ¢ÓÚ±íÏÖ²ãµÄÕ¾µãÔ½À´Ô½¸´ÔÓ¡£ÎªÁ˽â¾öÕâ¸öÎÊÌ⣬ÍòÎ¬ÍøÁªÃË£¨W3C£©£¬¼ç¸ºÆðÁË HTML ±ê×¼»¯µÄʹÃü£¬²¢ÔÚ HTML 4.0 Ö®Íâ´´Ôì ......
ÈýÖÖÒýÓÃ2010-03-14 17:45:36
ÄÚÁª¶¨Òå>ÍâÁ´ÒýÓÃ>ÄÚÁª¿é¶¨Òå
1.ÄÚÁª¶¨Òå
<a stype="XXX">
2 ......
http://www.qiqiboy.com/2009/11/26/css-image-orientation-and-all-images-in-a-picture.html
Èç½ñ×öÍøÒ³ÎªÁËÊ¹ÍøÕ¾·á¸»¶à²Ê£¬¸»ÓÚ±íÏÖÁ¦£¬ÍùÍùÐèÒªÓ¦ÓôóÁ¿µÄͼƬ/ͼ±ê¡£ÈçºÎ´¦ÀíÕâЩͼƬ£¬Ê¹Æä¾¡Á¿²»Ó°ÏìÍøÒ³ÔØÈ룬½âÎöµÈËÙ¶È£¬ÊÇÒ»¸ö²»´ó²»Ð¡µÄÎÊÌâ¡£Èç¹ûÄãµÄÍøÕ¾Óø÷ÖÖͼ±êͼ°¸×°ÊεÄö¦ÀöÎÞ ......