2

わかりましたので、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 -->

ここに私の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のように見える画像を次に示します。

テキストの位置を固定した場合、下にスクロールすると、ページ上のその位置にとどまります...スクロール時にナビゲーションバーが追従したくありません。

4

2 に答える 2

1

固定位置を段落の ID に追加するだけです。

#pocetna_paragraf{
position:fixed;
}
于 2013-09-12T18:09:30.817 に答える
0

わかりました。そうです、下にスクロールしてもテキストは下に移動しません。申し訳ありませんが、後でリリースしました とにかく別の方法を試しましたが、テキストにカーソルを合わせると緩和効果が機能せず、画像にカーソルを合わせると完全に機能します。

誰かが私たちが何をする必要があるかを理解してくれることを願っています. ここにコードがあります

CSS:

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;
}

HTML:

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

基本的に、最初の 1 つのテキストを text-indent で隠し、背景を簡単にする 2 つのリンクを作成しました。この 2 つ目は、上下にスクロールせずにリンクを表示するためのものです。

于 2013-09-13T12:29:32.777 に答える