html - 我怎样才能将我的文本设置为不移动但仍然让我的 css 正常工作

Question

好的，我的 tex 放在我的 div 中，我将我的 div 设置为移动，但我需要我的文本留在同一个地方，有人可以帮助我吗？

<div id="nav_bar_menu">
      <div id="pocetna" ><div class="moving_background_nav_bar_img"><p id="pocetna_paragraf">POCETNA</p></div></div>

</div><!-- Menu -->

这是我的CSS

#nav_bar_menu {
    height: 38px;
    width: 580px;
    float: right;
    margin-left: 25px;
    margin-right: 25px;
    margin-top: 93px;
    overflow: hidden;

}
.moving_background_nav_bar_img {
    background: url(../Images/images/nav_bar_pictures_01.jpg);
    -moz-transition: top 0.7s;
    -webkit-transition: top 0.7s;
    -o-transition: top 0.7s;
    transition: top 0.7s;
    position: relative;
    height: 76px;
    top: 0;
    }
#pocetna {
    height: 38px;
    width: 131px;
    }
.moving_background_nav_bar_img:hover {
    top: -38px;
    position: relative;
    }

这是图片应该是什么样子的http://i.imgur.com/0HhAiGT.png

如果我为文本设置固定位置，那么如果我向下滚动它仍然在它在页面上的位置上...我不希望导航栏跟随我滚动。

Answer 1

所有你需要做的就是将固定定位添加到段落的ID中

#pocetna_paragraf{
position:fixed;
}