2017-06-28 8 views
-3

したがって、divコンテナの内部に画像を挿入するのに少し問題があります。私のページの一番上には固定されたナビゲーションバーがあり、navbarの下にはジャンボトロンのdivと会社の名前とタグラインのdivコンテナがあります。 div jumbotron/divコンテナのbg色がある代わりに、代わりに提供されているサービスや製品に関連するイメージが必要です。divコンテナの背景イメージを追加するにはどうすればよいですか?

私はPython Djangoを使用してサイトを作成しています。したがって、Jinjaを使用して画像などの静的ファイルを実装しています。以下は私が使用したコードですが動作しません。私は静的なファイルのこの同じJinjaメソッドを使用してイメージを実装することができるようにしたいと思います(ここの画像へのパス)...ヘルプ?

<div> 
    <div class="jumbotron"> 
     <div class="container" style="background-image:{% static 'company/img/familypic.jpg' %}"> 
      <center><h2>Whatever Text Here</h2></center> 
      <center><h4>Whatever Tagline Here</h4></center> 
     </div> 
    </div> 
    </div> 

答えて

1

背景画像が表示されるのはurl('{% static 'company/img/familypic.jpg' %}')である必要があります。

+0

ありがとうございました。しかし、イメージが繰り返されているので、ファイルサイズがコンテナの幅全体に十分に大きいことがわかっています。イメージを拡大してコンテナの幅全体を埋めるようにするにはどうすればよいですか?また、画像は大きく、したがって、元の画像の最上部のみを示す。より良い言葉が欠けているので、イメージの別の部分が表示されるように、イメージをパンする方法を教えてください。あなたの時間、忍耐、専門知識に感謝します。 –

関連する問題