如何添加像通知栏这样的woothemes？

Question

我想在我的网站上添加一个固定的通知栏（如黄色的here）：http://balloonup.com。 我试着将以下内容放在身体后面：

<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写道一样。