Question 239797 in Html Question posted in
Some basic documentation can be found here.

Html – How to set an image as a background in div?

How can I insert an image into url():

<div class="panel active" style="background-image: url();">
  <h3>Business Session</h3>
</div>

I tried template tag with this {% load static %} and also absolute path but it does not work.

My image is in the static directory.

It works:

<div class="panel active" style="background-image: url('{% static 'home/daniel.jpg' %}')">
        <h3>Business Session</h3>
      </div>

But VS code highlights part of the template tag in red. Is it a good practice to do that?
enter image description here

Tags:

2

Answers


  1. 0

    put your image is in static/img directory and then try doing
    background: url("/static/img/sample.jpeg"); and if that doesn’t work try using an external css file

    Login or Signup to reply.
  2. 0

    Try It Like That:

    <div class="panel active" style="background: url(/static/home/daniel.jpg)"> <h3>Business Session</h3> </div>

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search