0

Rails 4 と Bootstrap 3 (sass) を使用しています。

私のプロジェクトには次のファイルがあります。

このcssは私のframework_and_overrides.css.scssにあります

.jumbotron {
margin-bottom: 0px;

background-image: image-url("jumbotron.jpg");
background-color: none;
background-size: cover;
background-repeat: no-repeat;

}

Railsが「background-image」を認識せず、「background」に置き換える必要があることを示唆する投稿や、「image-url」を「url」に置き換える必要があるという投稿を見たことがあることに注意してください。これらのどちらも私にとってはうまくいきません。

上記の css ファイルはスタイルシート ツリーにあり、次の方法で application.css.scss に含まれます。

*= require_self
*= require font-awesome
*= require_tree .
*/

私のアプリケーションビューにはこれがあります。

<!DOCTYPE html>
<html>
<head>
  <title>testingthesetup</title>

  <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><%= content_for?(:title) ? yield(:title) : "test" %></title>
    <meta name="description" content="<%= content_for?(:description) ? yield(:description) : "t2" %>">
      <%= stylesheet_link_tag "application", media: "all", "data-turbolinks-track" => true %>
      <%= javascript_include_tag "application", "data-turbolinks-track" => true %>
      <%= csrf_meta_tags %>

</head>
<body>

<%= yield %>


<div class="jumbotron">

</div>


</body>
</html>

ビューが背景画像を含むジャブモトロンをレンダリングすることを期待していました。それは私に何も与えません。フレームワークを修正し、css をオーバーライドして、背景色を追加することでスタイルが選択されていることをテストしました。それはうまくいきました。解決策が見つからない画像の問題があります。jpg、gif、png 形式の画像をいくつか使用してみました。それらのどれも機能しません。

なぜそうしないのかについて誰かアドバイスがありますか？私は、フレームワークの画像パスに逆らい、一日中 css をオーバーライドする方法をいじっています。私は今6時間で、髪の毛が残っていません。助けてください！

ありがとうございました。

4

0 に答える 0