1

アニメーションのない css を使用して、Facebook のようなフローティング メニューを作成したい

   <div id="topmenu">

<ul class="topmenu_buttons">
<li class="home"><a href="#">Home</a></li>
<li class="Change_Location"><a href="#">loaction</a></li>
<li class="Help_Topmenu"><a href="#">help</a></li>
</ul>

</div>

cssファイルはすでに作成されていますが空ですが、cssでこれら3つのリンクをリスト形式で小さな通常のフォントを使用してリストとして配置する方法について簡単に説明したいと思います。リンクは左にあるが、左から右に数ピクセル離れており、可能であれば、div にフローティング css 効果 (((postion:fixed )))) を適用できるため、不可能な場合はその上のすべてに適用されます。次に、それをリンクにも適用する方法、Facebookのように見えるようにする方法ですが、黒で少し大きく太くします。CSSノートで試してみましたが、うまくいきません。何が間違っているのかわかりません。

ありがとう、私は基本的にインラインスタイルではない外部ファイルのcssコードが欲しい

4

2 に答える 2

2

それはあなたがしたいすべてをするはずです：

#topmenu{
    position:fixed;
    top:0;
    background:#000;
    width:100%;
    height:50px;
}
于 2012-12-31T04:34:48.463 に答える
1 
#menu {
    postion:fixed;
    top:0;
    background:#3B5998; same color as fb has
    width:100%;
    height:46px;
    left:0;
    z-index:2; //give this so, your header or menu will not get under content!
}
于 2012-12-31T04:43:18.033 に答える