で背景画像に画像タグを置き換える私はコンポーネント内の画像のタブを持ってreact-bootstrapが反応ブートストラップ
を使用して私のアプリを構築しています。
はい、このフレームワーク内のイメージのタグは「img」ではなく「Image」です。
これは、画像を表示するが、その非常に敏感ではないので、私はいくつかの開発ツールで遊んでいたと私はCSSの背景画像として画像を使用した場合、以下のスタイリング使用して働いていたスタイリング見つけます:
.hero {
background-image: url(/images/welcome-page-pic.jpg);
height: 400px;
background-size: cover;
background-position: center right;
}
を
これはもちろん、タグとsrcを完全に削除する必要がありますが、これを行うと画像が削除されます。 CSSの代わりにHTML(またはむしろJSX)にスタイルを追加しようとすると、そのページはまったく読み込まれません。私はまた、画像とsrcを残して、ちょうどcssマイナスバックグラウンドイメージのスタイリングを追加しようとしました - また、いいえ。これがフレームワークや何かばかげたことで問題になるかどうかはわかりません。ありがとう。
更新:もう少し遊んだ後、私は何らかの理由でローカルホストがネストされたdivにクラス「ヒーロー」を受け入れていないことを発見しました。 devtoolsに手動で追加すると、画像が表示され、どのように応答しますか?ここで問題は、クラスがjsxのページ読み込み時にdivに割り当てられない理由です。