2017-07-26 28 views
0

誰も私のコードで何がうまくいかないのか理解してくれたら助かりますか?私はSymfony 2.8、Semantic UIとTwigを使い、自分のサイトのバックグラウンドに写真を置くだけです。私はそれを行うために私のbase.html.twigファイルを変更しています。Symfony + Twig + Semantic UI =背景画像が表示されない

私がしようとした:異なるフォーマットで異なる映像を使用し

  1. と異なる場所で
  2. 場所の画像サイズ:/ SRC/AppBundleでアプリ/リソース/ビュー
    • をリソース/ public/images
    • web/semantic - セマンティックUIファイルを保存する場所です。
  3. 設定の異なる方法を使用します。bodyタグの属性として
    • インラインスタイルなどの外部スタイルとしてDIVタグ
    • に使用される内部スタイルとしてbodyタグ
    • に配置された - 私は、セマンティック変更UIのCSS

それはSEREとパス名を持つ問題ではない場合、私がチェック価値のある実験。そうではありません。重要なこと:背景色を簡単に設定しようとしたときに、うまくいったとき。写真は表示されません。

この問題の解決方法を教えてください。

これは私のbase.html.twigファイルです:ファイル構造上の状況では

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="UTF-8" /> 
    <title>{% block title %} Address Book {% endblock %}</title> 
    {% block stylesheets %} 
     <link href="{{ asset('/semantic/semantic.css') }}" rel="stylesheet"/> 
    {% endblock %} 
    {% block javascripts %} 
     <script src="{{ asset('/semantic/semantic.js') }}"></script> 
    {% endblock %} 
</head> 
<body style="background-image:url(siano.jpg)"> 
    <div class="ui center aligned container"> 
     <div class="ui grid"> 
      <div class="four wide column"></div> 
      <div class="eight wide column"> 
       <p> 
        <h1> Address Book </h1><br> 
       </p> 
       {% block body %}{% endblock %} 
      </div> 
      <div class="four wide column"></div> 
     </div> 
    </div> 
</body> 

は次のとおりです。

AppBundle 
    Resources 
     views 
      base.html.twig 
      siano.jpg 

答えて

0

はこれを試してみてください:

にあなたのイメージを移動しますウェブ/画像。

そして:

<body style="background-image:url('{{ asset('images/siano.jpg') }}')"> 
<div class="ui center aligned container"> 
    <div class="ui grid"> 
     <div class="four wide column"></div> 
     <div class="eight wide column"> 
      <p> 
       <h1> Address Book </h1><br> 
      </p> 
      {% block body %}{% endblock %} 
     </div> 
     <div class="four wide column"></div> 
    </div> 
</div> 

+0

ファンタスティック!出来た。しかし、それは別の質問をもたらします:私はapp/console assestを使いました:Webディレクトリにバンドルされたイメージファイルをcorelateするためにweb -symlinkをインストールします。それはパスを作成しました:web> bundle> app> images> siano.jpgそしてこの接続(私たちが今知っているように)は動作しません。私はむしろあなたの提案に固執し、毎回私自身のWeb>イメージを作成すべきですか? – bachna

関連する問題