是否有位置的解决方案:在旧的移动浏览器中修复

时间:2013-04-10 07:13:52

标签: css-position

许多旧的移动brwoser不支持位置:固定,我尝试自己写一个sloution,它的工作原理,但不够流畅。

我用谷歌搜索,现在没有运气。

所以我想知道是否有“顺利”的解决方案,谢谢。

1 个答案:

答案 0 :(得分:0)

我认为最好提一下你遇到问题的浏览器。例如,我假设你有IE6的问题。我将根据我的假设尝试回答你的问题。因此,身体和html内容的100%高度是为了防止您想要沿浏览器窗口的底部边缘进行固定定位。

像这样:

* { margin:0; padding:0; }
html, body {
   height: 100%;
}
body #fixedElement {
   position:fixed !important;
   position: absolute; /*ie6 and above*/
   top: 0;
   right: 0;
}
#page-wrap {
    width: 600px;
    margin: 0 auto; 
    font: 16px/2 Georgia, Serif;
}

希望这有助于请在遇到与CSS相关的问题时检查此网站

http://css-tricks.com/snippets/css/fixed-positioning-in-ie-6/