フラスコのアプリでCSSを使用して背景を設定できません

Question

私はフラスコでウェブアプリを作成しています。私はstyle.cssファイルを作成し、それを使っていくつかのテーブル属性を指定することができました。しかし、CSS Tricksのコードを使用してランディングページの背景画像を追加しようとすると、画像が表示されません。

CSS：

html { 

    /* Source: https://css-tricks.com/perfect-full-page-background-image/ */ 
    background: url(static/landing_page.jpeg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

私は同じCSSを使用する簡単なtest.htmlというファイルを作成し、それが（画像が現れ、そして適切にスケーリングされた）働きました。

Answer 1

を介してurl_for機能。

Answer 2

URLはurl(landing_page.jpeg)で、url(static/landing_page.jpeg)ではありません。あなたは、静的なファイルを参照するとき、ちょうどあなたのCSSスタイルに一般的に

url("{{url_for('static',filename="landing_page.jpg")}}"); 

これを置いて、神社のHTML内でこれを取得することができますなurl_for機能に建てられた、一般的な方法は、それを標的とすることである使用