css - ナビゲーションバーに背景画像を設定するには?

Question

ulリンクとしてとを含む背景画像を持つナビゲーション バーを作成しようとしてliいますが、成功しませんでした。

img適切にレンダリングされる他の要素があるため、パス エラーはありません。html 部分は、nav 領域内の要素ulだけです。li

CSS:

#main_menu {background-image:url(resources/images/navbar.png);height:40px;}

Web で解決策を検索しましたが、機能するものは見つかりませんでした。位置、サイズ、リピートしてみました。

編集:ulメニューとメニューをインラインにliしたので、40px の高さに収まります。

Answer 1

画像パスの最後に閉じ括弧がありません。次のようにする必要があります。

#main_menu {background-image:url(resources/images/navbar.png);height:40px;}

また、おそらく背景スタイルで background-repeat および background-position プロパティを設定する必要があります...

EDIT あなたのリスト項目は浮かんでいますか? そうしないと、コンテナーが折りたたまれ、背景画像が表示されなくなります。

Answer 2

height背景画像を定義するルールからを削除する必要があります。

だから何か

#main_menu {background-image:url(resources/images/navbar.png); height:40px;}

現在、ファイル パスとひとまとめにされていますが、ブラケットがないため閉じられていません。