うまく使いこなせる方法CSSが設定されていて、私の <li> 背景について知っておきましょにZendさせていただきます。

StackOverflow https://stackoverflow.com/questions/2367063

  •  23-09-2019
  •  | 
  •  

質問

も100%になっ100%正のエラーのファイルパスを使用しているイメージです。

画像をません。

のいずれか

Aさんありがとうございます。ファイルが表示され、Zendワークスペースをどのように思います。

または

B)私のパスが間違っています。

ここでの私のファイルの階層:

alt text

ここで、この日の私のCSSコード:

#nav-menu li{
    float: left;
    margin: 0 0.15em;
} 

#nav-menu li a:HOVER{
    background-color: yellow;
}

#nav-menu li a{
    background: url(./img/buttonbackground.jpg) #fff bottom left repeat-x;
    height: 2em;
    line-height: 2em;
    float: left;
    width: 9em;
    display: block;
    border: 0.1em solid #dcdce9;
    color: #0d2474;
    text-decoration: none;
    text-align: center; 
} 

そうですので身体がありますが、私のディスクのパスが間違いによるものだと考えられます。

役に立ちましたか?

解決

あなたが投稿したコードは、そのCSSのフォルダにある場合、相対パスは、CSSファイルを基準にする必要があり、あなたが必要があります。

background: url(../img/buttonbackground.jpg) #fff bottom left repeat-x;

他のヒント

大手.は、htmlファイルのURLに画像のURLが相対なっています。 .を削除すると、ホストへのパスは絶対になります。

それの価値Zend Frameworkには、ルートにindex.phpにファイルにマップされないすべてのURLをURL書き換えを使用することを指摘しています。

私もこれを持っていたが、私はそれを修正するために何をしたか覚えていないことができます。

(ファイルブラウザの上部)下向きの小さな三角形を描いたアイコンを探してみてください。これは、ツールチップラベル表示メニューで右最もアイコンです。それをクリックして、フィルタを選択します。見えないようにファイルを引き起こしている可能性がありますフィルタがあるかどうか確認してください。このヘルプは、視点を切り替えてみてくださいしない場合。また、右側のフォルダをクリックし、[更新]を選択しようとします。

また、右クリックのコピーによって物理的な場所からファイルをコピーして、あなたが本当にそこにそれを置い作るためにあなたのZend Studioの/ Eclipseの通過のimgフォルダに貼り付けしようとすることができます。

ウェブルートと、それは相対的にするCSSファイル内のファイルパスから

私は質問を誤解し、これが唯一のファイルについてはウェブブラウザに表示されていない場合は、上記を無視し、.(ただし/)を削除します。

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top