フォーム送信ボタン@透明なCSSスプライト

Question

これで、送信ボタンのスタイルを設定しようとしています。背景は透明なpngスプライトファイルから来ます。 ボタンがすべて表示され、実行されると、ボタンは白いボックスとして表示され、スプライトイメージはロードされません。 「透明の背景から削除された場合:.そのは再びその白い箱に戻すとき

<input name="Submit" type="submit" value="" class="lp-submit"/>

CSS

.lp-submit { 
    vertical-align:middle; 
    width:106px; 
    height:47px; 
    background:transparent url(images/bt_sprite.png) no-repeat 0 0; 
    border:none; 
    cursor:pointer; 
} 

.lp-submit:hover { 
     background:transparent url(images/bt-sprite.png) no-repeat 0 25; 
} 

は、画像が表示されます。

Answer 1

への相対パスをチェックあなたのイメージ。CSSは、ドキュメントルートからではなく、それが入っているフォルダから相対パスを探します。そして、なぜスラッシュがあるのですか？

Answer 2

URLが必要です 文字列。アポストロフィや引用符で囲みます（例：url('images/bt_sprite.png');）。また、画像のパスに二重スラッシュが付きます。 urlの値は文字列であるため、スラッシュをエスケープする必要はありません。