如何在裝載在樹枝模板中的css文件中顯示圖像？

Question

在樹枝模板我用這個形象：

{% image '@AcmeFooBundle/Resources/public/images/example.jpg' %} 
    <img src="{{ asset_url }}" alt="Example" /> 
{% endimage %} 

，這對CSS：

{% stylesheets '@AppBundle/Resources/public/css/*' %} 
    <link rel="stylesheet" href="{{ asset_url }}" type="text/css" /> 
{% endstylesheets %} 

但在我的CSS我有一些類與圖像：

background-image: url(../images/left_menu_bg.jpg); 

當然圖像被破壞，有什麼辦法解決這個問題？或者我需要將背景圖像以任何方式移動到樹枝模板？如果是的話我怎麼能有div的背景imgae？

<div class="blah" background="image.jpg"> 

我不認爲像完整路徑：

background-image: url(Acme/AcmeDemo/images/left_menu_bg.jpg); 

幫助，因爲URI查詢參數？

Answer 1

您應該使用cssrewrite過濾器樣式表標籤中：

從symfony的DOC：http://symfony.com/doc/current/cookbook/assetic/asset_management.html#cookbook-assetic-including-css

但由於Assetic改變路徑，以你的資產，這將打破 任何背景圖片（或其他路徑），除非使用cssrewrite過濾器，否則使用相對路徑 。

{% stylesheets 'bundles/acme_foo/css/*' filter='cssrewrite' %} 
    <link rel="stylesheet" href="{{ asset_url }}" /> 
{% endstylesheets %}