CSS - ULの背景が動作しない

ULの背景を設定しようとすると何らかの理由でバックグラウンドが動作しません。私の体の背景で動作しますが、ULでは機能しません。CSS - ULの背景が動作しない

画像の名前が正しく指定されています。私はそれを四倍にチェックしました。ここに私のコードは次のとおりです。

HTML

<html> 
    <head> 
     <title>Header</title> 

     <link rel="stylesheet" type="text/css" href="css/Style.css" /> 
    </head> 

    <body> 

     <div id="page-wrap"> 

      <ul id="nav"> 
       <li><a href="#">Link1</a></li> 
      </ul> 

      <p>Main</p> 

     </div> 

    </body> 
</html>

はCSS

body 
{ 
    background-image: url('../Images/body-background.jpg'); 
} 

#page-wrap 
{ 
    width:1040px; 
    margin: 0 auto; 
} 

ul#nav 
{ 
    margin: 0 auto; 
    width: 1040px; height: 185px; 
    background-image: url('../Images/header-logo.jpg'); 
    background-repeat: no-repeat; 
}

UL自体が<a>タグで動作していないようで何より。それがなければ "Link1"が現れます。何も表示されません。どちらの方法でも、背景が表示されません。

ありがとうございます！ alt text

出典

2011-01-21 Johnrad

あなたはどのブラウザでテストしていますか？スクリーンショットはありますか？ – BoltClock

私はMozillaでテストしており、スクリーン紙を掲示しました。また、Notepadd ++にこれを書いています。 – Johnrad

私はIE 6,7,8、Chrome、Firefoxでこれを試しました。あらゆる場合に機能します。あなたのイメージがheader-logo.jpgという名前のフォルダにありますか？ – samiz

http://jsfiddle.net/Z7MzE/2/

それは私に働いているように見えます。

私はこの画像を確認しています。

出典

2011-01-21 02:35:25 keybored

私は...ディレクトリ全体の場所をコピーして貼り付けさえしました。それでもまだ動作していません。 – Johnrad

あなたはMozillaにいるのですか？ページを右クリックし、ソースの表示をクリックし、ソース内のイメージを見つけ、そのリンクを左クリックして、何が起こるか教えてください。 – keybored

あなたの主な背景が動いているように見えますが、これが問題ではないかと思っていますが、あなたのCSSファイルが正しく接続されているかどうかを調べたり、キャッシュをクリアしたりする可能性があります。この場合私には意味をなさないが、あなたのコードが動作するはずだとここで実証されたと思うが、今はそれがなぜそうではないのかを理解するときだ。また、別のイメージを試してみてください。私がフィディッドで使った2つのイメージのうち1つを、彼らが動作していることを知ってから撮影してください。 – keybored

-2

* yea私はばかだ。それは正常に動作するはずですが、私は大文字小文字をチェックするイメージ名も信用しません。

出典

2011-01-21 02:19:10 Cole

何が違いますか？ – BoltClock

http://www.w3schools.com/css/css_background.asp – keybored

解決策が見つかりました。私の場合、ラッパー要素に背景画像を置くことさえ、何か説明できない理由でulによって隠されていたことに注意してください。

SOLUTION：それが動作する理由

ul{} 
ul{background:url('image.jpg');}

は私に聞かないでください、それはありません。そして、それはあなたがこの問題を抱えているすべての要素のために働く。

出典

2012-08-09 23:47:01

CSS - ULの背景が動作しない

答えて

関連する問題