Question

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

http://www.outlawdesignblog.com/

你可以帮我指出一个解决方案

Answer 1

以下是他们如何做到这一点的独立示例，在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>

Answer 2

如果我记得正确IE不支持位置：已修复。模拟位置的最简单方法：fixed也是使用动态表达式，并使表达式计算并更新绝对y位置等。

RichieHindle的示例适用于其他浏览器。

div保持在状态栏的顶部

2 个答案: