Html 如何设置文本不移动，但仍能使css正常工作

好的，我在我的div中有我的tex，我将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 -->

下面是它应该是什么样子的图片

---

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

您需要做的就是将固定位置添加到段落ID中

#pocetna_paragraf{
position:fixed;
}

---

好的，没错，当你向下滚动时，文本不会向下移动。很抱歉，我后来发布了，无论如何，我尝试了不同的方法，但问题是，当你将鼠标悬停在文本上时，轻松效果将不起作用，当你将鼠标悬停在图像上时，效果将非常好

希望有人知道我们需要做什么。这是密码

CSS:

HTML:

---

基本上我做了两个链接，我用文本缩进隐藏了第一个文本，并简化了背景。第二个选项只是显示链接，而无需上下滚动。

将文本浮动在另一个对象上的单独对象中。但我的悬停将无法正确执行我的上一个语句。当我到了电脑前，我会试着放一把小提琴，但不要移动物体，只移动背景，使用

背景位置

，你需要确保你的对象足够高，可以看到移动。没关系，我用一些javascirpt:）让它工作了，但是如果我向下滚动页面，我仍然可以移动页面吗？谢谢你尝试，我用javascript:）$（document.ready（function（）{$（'#pocetna'）。animate（{top:0}）$（pocetna'）。悬停（function（）{$（'.moving_background_nav_bar_img'）。动画（{top:-38}，0.1）；}，function（）{$（'.moving_background_nav_bar_img'）。动画（{top:0}，0.1）；}）；并将位置设置为绝对，效果很好：）

#pocetna_paragraf{
position:fixed;
}

a#one {
    width:64px;
    height:64px;
    display:block;
    text-indent:-9999px; /* hide the text */
    background:url(background.png) top left;/* Do not forget to set your own image*/
}

a#one:hover {
    background-position:bottom left;
}

a#one {
    width:64px;
    height:64px;
    display:block;
    text-indent:-9999px; /* hide the text*/
    background:url(background.png) top left;
    -moz-transition:background 300ms ease-in-out;
    -webkit-transition:background 300ms ease-in-out;
    transition: background 300ms ease-in-out;
}

#two{
position:absolute;
top:25px;
left:25px;
}

<a href ="http://google.com" id="one">Hover image</a>
<a href="http://google.com" id="two">Text</a>