2017-08-08 9 views
0

アプリのスタイルに問題があります。私は、静的なフォルダに私のstyle.cssファイルを置くが、コード置くときました:私は拡張ページでstyle.cssを使用するには?

を拡張したいと思います

<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}"> 

私のメインページ(body2.html)

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>Bootstrap</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 

HERE IS BOOTSTRAP CDN 

**<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">** 
</head> 

<header> 
HERE IS MY NAVBAR CODE 
</header> 

<style> 
<link href="{{ url_for('static', filename='style.css') }}" rel="stylesheet" > 
</style> 

<body> 
{% block content %} 
HERE IS MY PAGE WHICH I EXTEND 
{% endblock %} 
</body> 

</html> 

とページを

{% extends "body2.html" %} 
    {% import "bootstrap/wtf.html" as wtf %} 
    {% block content %} 


HERE IS LOTS OF CODE :)  

    {% endblock %} 

問題は、私は

のstyle.css

012私の背景が表示されないということです
body, html { 
    height: 200%; 
    background-repeat: no-repeat; 
     background: -webkit-linear-gradient(90deg, #16222A 10%, #3A6073 90%); /* Chrome 10+, Saf5.1+ */ 
    background: -moz-linear-gradient(90deg, #16222A 10%, #3A6073 90%); /* FF3.6+ */ 
    background:  -ms-linear-gradient(90deg, #16222A 10%, #3A6073 90%); /* IE10 */ 
    background:  -o-linear-gradient(90deg, #16222A 10%, #3A6073 90%); /* Opera 11.10+ */ 
    background:   linear-gradient(90deg, #16222A 10%, #3A6073 90%); /* W3C */ 

} 
+0

CDNの場合、絶対リンクを使用できないはずですか? O.o – Mangohero1

答えて

1

外部スタイルシートをリンクしていますが、そのリンクをスタイルタグに入れないでください。 また、ヘッドに外部ファイルをロードすることも推奨されています。そのため、ページをロードする前に要素のスタイルがわかっています。

関連する問題