2

レール3.2.9があり、背景画像を配置したいと思います。私の画像はフォルダにあります:public/imagesそして私はそれをフォルダにも入れます:assets/images

ul { 
    height: 200px; 
    width: 350px; 
    border: solid 1px blue; 
    margin: 0 auto; 
    padding: 0px;
    background-image: url('/images/todo.png'); 
}

しかし、背景画像はありません。助けてください。

4

5 に答える 5

8

私は置く必要があります:

background-position: center;

だから私のコードは:

background: url(/assets/rsz_todo.png) no-repeat;
background-position: center;

私の画像はassets/images

于 2013-01-21T14:11:24.370 に答える
2

(cssを編集する前に)確認する簡単な方法は、ブラウザーにパスを入力することです。このようにして、パスがどうあるべきかを確認できます。

app / Assets/imagesフォルダーは次の場所にマップされます。

http://domain/assets/

したがって、app / Assets / images / logo.pngがある場合は、次のようにブラウザで取得できるはずです。

http://domain/assets/logo.png

次に、CSSでlogo.pngを次のように参照できるようになります。

// app/stylesheets/application.css
body {
 background: url(/assets/logo.png) no-repeat;
}

Railsアセットのパイプラインもご覧ください。

http://guides.rubyonrails.org/asset_pipeline.html

于 2013-01-21T09:14:54.467 に答える
2

これが誰かがこれを見つけるのを助ける場合... RailsはあなたのCSSまたはSASSファイルでアセットを参照するためのヘルパーメソッドを提供します

background-image: image-url("rails.png")

になる...

background-image: url(/assets/rails.png);
于 2014-09-12T04:57:00.173 に答える
1

試してみませんか:

background: url(image.png)

アセットパイプラインは、単純にするために構成されています。

于 2013-01-21T09:49:12.143 に答える
-1

画像をアセット/画像に配置する場合は、その画像を呼び出すときに使用する必要があります

background-image:url("/assets/image.png");

またはあなたは試すことができます

 background:url("/assets/image.png");

また、背景画像よりも背景画像を使用した方がうまくいくことがありますが、それは個人的な経験です

于 2013-01-21T08:57:41.470 に答える