2017-06-09 7 views
1

私はSphinxのWebサイトで作業しており、index.htmlを基本レイアウトとして使用しています。それは私のCSSファイルのbodyに定義した背景イメージを持っています。私は約、プロジェクトなどのようなnavbarリンクを持っています。私は背景イメージの代わりにこれらの背景色を使いたいのですが、どうすれば実現できますか?私はRSTファイルでこれを試した:異なるページのスフィンクスの異なる背景イメージ

.. raw:: html 

<embed> 
    <style> 
     body { 
     background-color:white !important; 
     } 
    </style> 
</embed> 

しかし、このコードは動作しません。それを実現させる方法はありますか?

+1

"それはうまくいかない"とはどういう意味ですか?あなたは何を観察していますか? –

答えて

2

バックグラウンドカラーではなく、別の場所で設定した背景イメージ(「動作しません」)が表示されていると仮定すると、そのbackground-image: url('foo.png'); CSSプロパティもオーバーライドする必要があります。

.. raw:: html 

<embed> 
    <style> 
     body { 
     background-color: white; 
     background-image: none !important; 
     } 
    </style> 
</embed> 

私はこれについては醜い方法だと思います。

私は、Jinja2テンプレートと外部スタイルシートを使用することをお勧めします。つまり、Jinja2テンプレートを変更してを<body>タグに挿入します。 idの値は、すべてのページで一意である必要があります。次に、私のカスタムスタイルシートで、適切なセレクタを追加してください:

body#index { 
    background-color: white; 
} 

body#subpage { 
    background-image: url('moosehair.png'); 
} 
関連する問題