title: Flask-webage background image doesnt work
body: <p>Below is a simple html code</p>
  
  <p><strong>index.html</strong></p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;Webpage&lt;/title&gt;
  &lt;link href="http://getbootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet" &gt;
  &lt;link href="http://getbootstrap.com/examples/jumbotron-narrow/jumbotron-narrow.css" rel="sylesheet"&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;style type=text/css&gt;
      background-image: url("static/images/back.png");
  &lt;/style&gt;
  &lt;p&gt;Does the Image Work? &lt;/p&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>This is my Flask code:</p>
  
  <p><strong>app.py</strong></p>
  
  <pre><code>from flask import Flask, render_template
  app = Flask(__name__, static_url_path="static", static_folder="static")
  
  @app.route("/")
  def main():
  
      return render_template("index.html")
  
  if __name__ == '__main__':
      app.run()
  </code></pre>
  
  <p>I get this error when I tried to inspect the page:
   <strong>GET <a href="http://127.0.0.1:5000/static/images/back.png-404(NOT" rel="nofollow">http://127.0.0.1:5000/static/images/back.png-404(NOT</a> FOUND)</strong> </p>
  
  <p>I read through a couple of other forums, but couldn't find any solution to this problem. My images are in the following folder:</p>
  
  <p>Flaskapp
          templates
          static
                images
                       back.png</p>
  
  <p>When I open the index.html file, it works perfect, but when I try to run the python file to run the server, the background image isnt seen.</p>
  
  <p>Not really sure how to proceed.</p>