如何添加类似woothemes的通知栏？

Question

我想在我的网站http://balloonup.com上添加一个固定的通知栏(就像黄色的here)。我试着将以下内容放在正文后面：

<div id="notification-wrapper"
style="border-bottom: 1px solid #C69A00;
background-color: #FEF28F;top:0;
position: fixed;z-index: 99999;width: 100%;">
<em>Hello world!</em>
</div>

不幸的是，这个黄色的条覆盖了我的页眉。

有什么想法吗？

Answer 1

在woothemes示例中，他们通过margin-top向下推下第一个内容框(#top)，高度为“通知栏”，就像@rockinthesixstring所写的那样。