1

Rails で Bootstrap を使用していますが、背景色と画像が一緒に表示されません。次のように、本文を編集して、右下隅に小さな画像を表示する暗い背景を作成しようとしているカスタム CSS スタイルシートがあります。

body {
    padding-top: 55px;
    background-color: #2e2e2e;
    background-attachment: fixed;
    background-image: url('waves.png');
    background-repeat: no-repeat;
    background-position: right bottom;
}

問題は、画像が表示されず、背景だけが表示されることです。「背景色」を削除すると、表示されて完璧に見えますが、それらをまとめることができません。私は何か小さなものを見逃していることを知っています（おそらく愚かでもあります）。助けに感謝します。

4

4 に答える 4

0

このように試しましたか？

body {    
    padding-top: 55px;
    background: #2e2e2e url(waves.png) right bottom no-repeat;
    background-attachment: fixed;
}
于 2012-05-26T15:50:47.770 に答える
0

あなたがいる環境についてはわかりませんが、!importantを試しましたか? コードの後半のどこかに異なる値が適用されたスタイルがある場合に優先度が追加されます。

body {
  ...
  background-color: #2e2e2e !important;
  background-image: url('waves.png') !important;
  ...
}
于 2012-05-27T00:40:58.957 に答える
0

waves.pngファイルを入れて、これ/assets/imagesに置き換えurl('waves.png')てみてください：

background-image: image-url('waves.png');

アセット パイプラインを使用していて、CSS ファイルが Sass によって前処理されていると仮定しています (スタイルシートのファイル名は.css.scssで終わります)。詳細については、 Asset Pipeline Rails Guideを読むことをお勧めします。

于 2012-05-26T23:17:10.547 に答える
0

ファイル拡張子が .css.erb であることを確認してください

body {
    padding-top: 55px;
    background: #2e2e2e url('<%= asset_path('waves.png') %>') fixed no-repeat right bottom;
}
于 2012-05-27T00:32:26.730 に答える