0

下面网站上的 div 在底部有搜索,如果你向下滚动,它总是保持在状态栏上方。

http://www.outlawdesignblog.com/

你能指点我一个解决方案吗

4

2 回答 2

2

这是他们如何做到这一点的独立示例,在 IE7 和 FF3 中进行了测试:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html><head><style>
#staticpanel {
    background:#B85503 none repeat scroll 0 0;
    border-top:1px solid #C3702C;
    bottom:0;
    padding:12px 0;
    position:fixed;
    width:100%;
    z-index:100;
}
</style></head><body>
<div id='staticpanel'>Hello!</div>
</body></html>
于 2009-07-18T12:14:20.367 回答
0

如果我没记错的话 IE 不支持位置:固定。模拟 position:fixed 的最简单方法也是使用动态表达式并让表达式计算和更新绝对 y 位置等。

然而,RichieHindle 的示例将适用于其他浏览器。

于 2009-07-18T12:16:57.013 回答