0

背景付きのナビゲーション メニューを作成しています。ウェブサイトをご覧くださいhttp://lolraffle.com

私は次のHTMLを持っています

<nav id="menu">
            <ul>
                <li><a href="#" id="home">HOME</a></li>
                <li><a href="#" id="faq">FAQ</a></li>
                <li><a href="#" id="contact">CONTACT US</a></li>
            </ul>
        </nav>

そして、このCSSは、ナビゲーションをメニューの背景の上に正確に置くようにします。

nav#menu {
  position: absolute;
  margin-top: -67px;
  margin-left: 678px;
}

問題は、画面のサイズを変更すると、メニューがピクセル単位で定義されているため、ページに沿って移動しないことです。

ピクセルをパーセンテージに変換しようとしましたが、まだ機能していません

nav#menu {
  position: absolute;
  margin-top: -5%;
  margin-left: 51.3%;
}

まだ機能していません。

ナビゲーション メニューをその場所に貼り付けて、画面のサイズが変更されたときにそのままにしておく簡単で簡単な方法はありますか?

前もって感謝します!

4

2 に答える 2

0

あなたはそれをすべて間違っています!

  1. <img>画像を実際のタグとしてではなく、背景画像として配置します。
  2. position: absolute を使用しないでください。代わりに、nav を右にフロートさせます。
于 2013-10-20T14:47:49.773 に答える