我正在测试我的移动应用程序,使用Windows Mobile操作系统。我在页脚部分遇到了一些问题。问题是关于页脚固定的。当我滚动内容时,页脚也跟着上移。但在所有浏览器和除Windows版本以外的所有移动设备中,页脚都是固定的。
请参考以下代码,在IE中:
* html #footer {
position:absolute;
top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}
编辑:
html, body {height: 100%;}
#wrapper {min-height: 100%;}
#footer {
position:fixed; z-index:999;
width:100%;
bottom:-20px;
margin-top: -72px; /* negative value of footer height */
margin-top: 0px !ie; /* for IE */
height: 92px;
clear:both; text-align:center;
background:url(../../) repeat-x #115c9c;
}
position:absolute
属性,“它应该相对于其第一个定位祖先元素定位”。 - xan