相容FireFox,IE,Chrome的DIV頁面位置固定

atlantisholic發表於2011-07-03
FirefoxChrome

一.方法一。

ttp://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">


純CSS實現div固定頁面底部無抖動 -前端開發-武方博 <a href="http://www.wufangbo.com%3c/title" rel="nofollow">www.wufangbo.com</a>>

body { background-image:url(text.txt); /* for ie6 */background-attachment:fixed; }
#bottomnav { background-color:#d5d8de; border:1px solid #c0c3c9; text-align:center; z-index:999; position:fixed; bottom:0; left:0; width:100%; height:40px; line-height:40px;/* for ie6 */ _position:absolute; _top: expression(documentelement.scrolltop + documentelement.clientheight-this.offsetheight);overflow:visible; }





content





content





content





content







 

二.方法二

ttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">



IE6 position:fixed bug

<!--[if IE 6]>

 html{overflow:hidden;}
 body{height:100%;overflow:auto;}
 #rightform. form{position:absolute;}




 


  IE6 position:fixed bug
 
 

position:fixed; vs position:absolute;

     from http://www.wufangbo.com/" title="前端開發-武方博">前端開發-武方博


 
   
   
 



來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/23071790/viewspace-701237/，如需轉載，請註明出處，否則將追究法律責任。

相關文章