兼容FireFox,IE,Chrome的DIV页面位置固定

一.方法一。

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

纯CSS实现div固定页面底部无抖动 -前端开发-武方博 www.wufangbo.com>

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

纯CSS实现div固定页面底部无抖动 -前端开发-武方博

 

二.方法二

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/，如需转载，请注明出处，否则将追究法律责任。

转载于:http://blog.itpub.net/23071790/viewspace-701237/