通知栏与内容重叠

Question

我正在使用此页面中的代码在我的网站顶部显示通知栏：

http://www.hongkiat.com/blog/show-n-hide-notification-bar/

您可以在此处查看其演示：http://demo.hongkiat.com/show-n-hide-notification-bar/

问题是通知栏与我的徽标重叠，我希望它实际上将其推下来。这是我正在使用的代码：

<div class="demo-wrapper">
    <div class="notification-bar">
        <input id="hide" type="radio" name="bar" value="hide">
        <input id="show" type="radio" name="bar" value="show" checked="checked">

        <label for="hide">hide</label>
        <label for="show">show</label>

        <div class="notification-text">Hello World, you can hide this notification by clicking the close button.</div>
    </div>
</div>

我需要改变什么来推动一切而不是重叠？

Answer 1

您是否尝试过将徽标设为“相对位置”;和“z-index：99999;”例如？