1

このページのコードを使用して、Web サイトの上部に通知バーを表示しています。

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

ロゴに「position:relative;」を付けてみましたか? および「z-index:99999;」例えば？

于 2013-09-11T07:02:15.927 に答える