ruby-on-rails - ヘッダーの logo.png はカスタム CSS スタイルシートを無視できますか? (ルビーオンレール)

Question

png を既に構築されている (ブートストラップ) ヘッダーと重ね合わせたいだけなので、基本的には無視します。

app/views/home/index.html.erb を変更して、png が css の機能とは独立して配置されるようにすることはできますか?

Answer 1

css を使用して、png を必要な場所に配置できます。カスタム スタイルシートで、次のようにしてみてください。

img#id-of-image {
  position: absolute:
  top: 5px;
  left: 5px;
}

上と左の値をいじって、好きな場所に配置できます。

何かの中に入れ子にする必要がある場合は、コンテナー (つまり div) 内に入れ、そのコンテナーの位置を「position: relative;」に設定する必要があります。次に、上/左はコンテナの内側の上隅を基準にします。