ナビゲーションバーに背景画像を設定する方法は？

Question

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

他のimg要素が正しくレンダリングされているため、パスエラーは発生しません。 htmlの部分は、nav領域内のちょうどulとli要素です。

CSS：

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

私は解決策のためのWebを検索しましたが、私はそれが動作する任意のを発見していません。私はポジション、サイズ、リピートを試みました。

編集：私はulとliメニューをインラインで作られているので、彼らは40ピクセルの高さに合わせ。あなたがイメージパスの最後に閉じ括弧が欠落している

Answer 1

、次のようになります。

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

あなたはまた、おそらく背景スタイルで背景リピートとのbackground-positionプロパティを設定したいです。..

EDIT あなたのリストアイテムは浮かんでいますか？そうであれば、クリアする必要があります。そうしないとコンテナが崩壊し、背景イメージが表示されなくなります。

Answer 2

バックグラウンドimgを定義するルールからheightを削除する必要があります。

だから、今、あなたはそれがブラケットが欠落しているので、それが閉じていないファイルパス、で集中してい

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

のようなもの。