2011-06-19 3 views
0

私は私が3次元に見えるナビゲーションのようなボタンを構築するためにこれを使用背景のURL問題のみ

div.application { 
background: url(http:/appimages/background.gif) #fff bottom left repeat-x; 
height: 20px; 
line-height: 10px; 
width:80px; 
display: block; 
text-align:center; 
Font-weight:200; 
font-size: 10pt; 
padding:5px; 
} 

以下のクラスを持っています。

すべてのブラウザChrome、Firefox、IE、およびSafari以外のこのバージョンはうまく動作します。画像は表示されません。

+0

「http:/ appimages/background.gif」はURLとしては意味がありません。どのURLを意味しますか?それを直接呼び出すと動作しますか? –

答えて

0

あなたの宣言には2つの誤りがあるようですが、その順序は間違っており、URLは絶対的なものと相対的なものとの何らかの組み合わせです。

背景:url(http:/appimages/background.gif)#fff左下のrepeat-x;

はおそらく

background: #fff url(appimages/background.gif) repeat-x scroll left bottom; 

するか、画像を別のサーバーに本当にある場合

background: #fff url(http://www.yourdomain.com/appimages/background.gif) repeat-x scroll left bottom; 

スクロールはデフォルトであり、省略することができます。..

1

あなたは「/を逃しています"画像URLにあります。

http:/appimages/background.gifからhttp://appimages/background.gifに変更する必要があります。

カラー値(#fff)は、宣言で最初に設定されたプロパティである必要があります。