悬停栏而不是推送内容

Question

我希望CookieBar悬停在身体​​内容之上，而不是全力以赴。需要什么CSS来实现这一目标？请参阅链接以获取其外观示例。

http://www.primebox.co.uk/examples/cookie-bar/1/

Answer 1

你可以给它一个位置：固定属性：

#cookie-bar {
    background: #111111;
    height: 24px;
    line-height: 24px;
    color: #eeeeee;
    text-align: center;
    padding: 3px 0;
    position: fixed;
    width: 100%;
}

注意position: absolute也可以。但是固定后，即使滚动，div也会保持不变。

Answer 2

更改文件jquery.cookiebar.css中的第一行

#cookie-bar {background:#111111; height:24px; line-height:24px; color:#eeeeee; text-align:center; padding:3px 0;}

到

#cookie-bar {background:#111111; height:24px; line-height:24px; color:#eeeeee; text-align:center; padding:3px 0; position: absolute; width: 100%}