1

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

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>

我需要更改什么才能将所有内容向下推而不是重叠？

4

1 回答 1

1

你有没有试过给你的标志一个“位置：相对；” 和“z-index：99999；” 例如？

于 2013-09-11T07:02:15.927 回答