css - CSSサブインジケーターの画像が見つからない

Question

http://rusticblonde.hostizzo.com/

メニューにサブインジケーターがあります。たとえば、images / arrows-ffffff.pngにあります。完全なURLをポイントしようとしましたが、サブインジケーターが表示されません。

何か案は？

私のコードは以下の通りです：-

.sf-sub-indicator {
position:       absolute;
display:        block;
right:          .75em;
top:            1.05em; /* IE6 only */
width:          10px;
height:         10px;
text-indent:    -999em;
overflow:       hidden;
background:     url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

みんなありがとうカースティ

Answer 1

これを使用する場合images/arrows-ffffff.png、画像フォルダとcssファイルは同じ場所にある必要がありますが、サイトを監視すると、からcssファイルをインポートすることになりますcss/superfish.css。したがって、cssファイルを同じフォルダーに移動するか、次のいずれかのパスを使用します。

1. http://rusticblonde.hostizzo.com/images/arrows-ffffff.png
2. ../images/arrows-ffffff.png

Answer 2

1 /問題は、スクリプトを修正しなかったため、sub-indicatorクラスの要素が存在しなかったことです。

2 /変更するだけ：

url('images/arrows-ffffff.png') no-repeat -10px -100px

に：

url('/images/arrows-ffffff.png') no-repeat -10px -100px

絶対パスを使用します。特にCSSファイルでは、通常、より信頼性が高くなります。詳細については、「cssの相対パスと絶対パス」のGoogleを参照してください。

Answer 3

コードを削除します。

overflow:       hidden;